<div class="form-group col-sm-5">
@Html.LabelFor(m => m.foo)
<a data-toggle="popover" data-content="I'm a popover!" href="#"> <span class="glyphicon glyphicon-info-sign"></span></a>
</div>
该<a>
元素(即glyphicon酥料饼)出现在下方的 label
元素,但我想它放置在标签右侧的来代替。 有没有办法通过嵌套的方式来完成这项<a>
的内部@Html.LabelFor
? 这会是很酷的东西,如:
<label for="foo"> I'm the label!
<a data-toggle="popover" data-content="I'm a popover!" href="#"> <span class="glyphicon glyphicon-info-sign"></span></a>
</label>
如果不是这样,我将不得不使用的定位呢?
编辑 :我结束了服用拉莫的意见,并与一些简单的滚动。
<div class="form-group col-sm-5">
<label>
<span> I'm a **hard-coded** LabelFor DataAnnotation! </span>
<a data-toggle="popover" data-content="I'm a popover!" href="#">
<span class="glyphicon glyphicon-info-sign"></span>
</a>
</label>
</div>
仍然有兴趣,如果有一个MVC的方式来获得Glyphicons与凝聚@Html.LabelFor
,但我的问题是在这一点上或多或少的学术。
编辑#2:我发现了一个更简单的解决方案这是一种明显的后见之明。 这种方法使用的定位(即display: inline
),以确保伴随<a>
和<span>
元件在同一行上显示。
<div class="col-sm-5 form-group">
@Html.LabelFor(m => m.foo, new { style = "display: inline;" })
<a data-toggle="popover" data-content="I'm a popover!" href="#"> <span class="glyphicon glyphicon-info-sign"></span></a>
</div>