引導A標簽在平板電腦和智能手機上不起作用

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，文件還是外部鏈接，都一樣...

有誰知道怎么做，或者我可能在哪里犯錯了？ 由於這些類僅鏈接到主引導程序文件，因此我真的找不到錯誤所在。 關於可能會干擾的javaScript或JQuery腳本：我檢查了該錯誤，並且僅在某些頁面上發生了錯誤，即使相同的腳本正在運行，其他鏈接也可以正常工作...

Answer 1

請在CSS中使用它。 實際上，此問題是通過重疊名為“ .col-sm-8”的div引起的。 以下代碼僅用於移動視口。

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

Answer 2

好的，每當您使用Bootstrap框架時，請記住，在定義列時，還需要定義最低視口的列，否則，會出現浮動問題，並且您不會獲得其子元素的高度。 這是引導CSS的編寫方式。

因此，最佳做法是：

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