Question

我在最近的项目中遇到了a-tag的问题：只要我将浏览器缩小到md或sm链接就不再起作用，链接在桌面版中工作正常。现在这真的很奇怪，因为我从来没有改过任何东西。

   <div class="col-sm-4 pull-right">
           <h2>Lorem Ipsum:</h2>
               <p>Dolor Sit amet</p>
               <a href="#works"> <i class="fa fa-toggle-right"></i> LINK</a>
    <br></div>

关于链接：没关系，我链接到ID，文件或外部链接，总是一样......

有谁知道我怎么会犯错误？因为类只链接到主引导文件，所以我真的找不到什么错误。关于可能干扰的可能的javaScripts或JQuery脚本：我检查过，错误只发生在某些页面上，其他链接工作正常，尽管脚本运行相同...

Answer 1

请在CSS中使用此功能。实际上这个问题是由重叠div引发的，名为'.col-sm-8'。仅在移动视图端口使用以下代码。

.col-sm-8 {clear:both;}

Answer 2

好的，每当你使用Bootstrap框架时，请记住，在定义列时，还需要为最低视口定义列，否则会出现浮动问题，并且你不会获得其子元素的高度。这就是写入引导程序的CSS的方式。

因此，为了获得最佳实践：

<div class="col-xs-12 col-sm-4">
 your content.
</div>

bootstrap a-tag不适用于平板电脑和智能手机

2 个答案: