【问题标题】:Bootstrap Glyphicon PopoverBootstrap Glyphicon 弹出框
【发布时间】:2016-06-14 17:54:05
【问题描述】:

我想知道为什么下面的字形图标不会触发悬停弹出窗口.. 可以请教吗?

<div class="form-group has-feedback">
    @Html.LabelFor(model => model.FullName, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10 ">
       @Html.EditorFor(model => model.FullName, new { htmlAttributes = new { @class = "form-control" } })
       <span class="glyphicon glyphicon-question-sign form-control-feedback" rel="popover" data-trigger="hover"  data-toggle="popover" data-placement="bottom" title="Title" data-content="Content"></span>
       @Html.ValidationMessageFor(model => model.FullName, "", new { @class = "text-danger" })
    </div>

【问题讨论】:

    标签: asp.net-mvc twitter-bootstrap-3 glyphicons


    【解决方案1】:

    删除类, form-control-feedback,来自&lt;span&gt; 元素

    https://jsfiddle.net/0uye7njx/

    如果您想要工具提示的实际“样式”,这里是另一篇文章

    【讨论】:

    • 如果我删除 form-control-feedback 图标会超出控制范围
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-09-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-07
    • 2013-09-21
    相关资源
    最近更新 更多