相关疑难解决方法(0)

Bootstrap 3工具提示包裹在每个空白区域?

升级到bootstrap 3后,工具提示将被包裹在每个空白区域.

我相信这是因为电网而发生的.

因此,如果我为文本框选择列col-sm-3,并且如果我将工具提示放在右边,它将包装所有空格并显示如下.

在此输入图像描述

如果我做数据放置=顶部,那么一切似乎都没问题.

在此输入图像描述

我玩了css以使它工作.

.tooltip-inner { white-space:nowrap; }

在此输入图像描述

但这也是不可接受的,当它比200px更长时它应该换行.

我怎样才能解决这个问题?我想把工具提示放在右边

这是表格

 <div class="form-horizontal"> 
  <div class="form-group">
    @Html.LabelFor(model => model.BasicDescription, new { @class = "control-label col-sm-2" })
    <div class="col-sm-4">
    @Html.TextBoxFor(model => model.BasicDescription, new { @class = "tip form-control", data_toggle = "tooltip", title = "Please enter a short description here, exceeding no more than 100 characters", data_placement = "right" })
    @Html.ValidationMessageFor(model => model.BasicDescription)
    </div>
  </div>
</div
Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap twitter-bootstrap-3

6
推荐指数
2
解决办法
5071
查看次数