Question

我有一个显示正确的工具提示，但我希望它在视口较小时显示在底部。这里有一个粗略的例子：http://jsfiddle.net/u4krh1we/

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div id="hi" href="#" data-toggle="tooltip" class="test" title="general kenobi" data-placement="right">hello there</div> 

<script>$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});</script>

#hi {
  width: 100px;
  height: 100px;
  background-color: yellow;
  text-align: center;
}

Answer 1

通过使用Bootstrap CSS类，您可以使用x row y 1 1 1 1 2 2 2 2 3 3 3 3 4 4 4 4 5 5 5 5或.hidden-lg显示/隐藏内容，具体取决于视口的大小，其中.visible-lg-*可以替换为任何引导程序大小（ lg，xs，sm）

在此处阅读更多内容：https://getbootstrap.com/docs/3.3/css/#responsive-utilities-classes

调整视口宽度的bootstrap工具提示数据放置

1 个答案: