CODEWITHSUNDEEP
asp.net-mvctwitter-bootstrap-3glyphicons
user1400995
user1400995

Reputation:

Bootstrap Glyphicon Popover

I was wondering why the following glyphicon doesn't trigger a hover popup.. Could you please advise?

<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>

Upvotes: 0

Views: 784

Answers (1)

Rob Scott
Rob Scott

Reputation: 8049

Remove the class, form-control-feedback, from the <span> element

https://jsfiddle.net/0uye7njx/

Here's another post if you want the actual "style" of the tooltip

Upvotes: 1

Related Questions