Bootstrap列中的鏈接在窗口調整大小變得不可點擊

我在我的HTML頁面中有以下代碼。當瀏覽器窗口最大化時鏈接正常工作，但當我在移動瀏覽器上測試時，鏈接變得無法點擊。Bootstrap列中的鏈接在窗口調整大小變得不可點擊

<div class="col-lg-2 col-md-2 col-sm-2 col-xs-5"> 
    <label>Legal</label><br> 
    <a href="./termsofuse.html">Terms of Use</a><br> 
    <a href="./privacypolicy.html">Privacy Policy</a><br> 
    <a href="#FAQ">FAQs</a><br> 
</div>

如果我從DIV中刪除引導列類，則即使在xs屏幕上，鏈接也會再次變爲可點擊。所以我相信這是BS的一些問題。有沒有解決這個問題的方法？

來源

2015-10-16 John Locke

很好[這裏]（http://jsfiddle.net/nx8w5zmv/）。在小提琴中重現問題。 –

@JSantosh：我在這裏轉載了這個問題http://jsfiddle.net/akashsinghal/93b1x26a/ –

您的免責聲明CSS與同一行中的其他兩列混合並重疊鏈接。（查看您的免責聲明需要多少空間：http://jsfiddle.net/93b1x26a/2/）

您需要將免責聲明添加到單獨的行中。沿着線的東西：（現在，我不知道你是怎麼想的免責聲明位的行爲，所以我只給你這個代碼爲樣本工作可供選擇） -

見updated fiddle：

<div class="myfooter" id="footer"> 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class="col-lg-2 col-md-2 col-sm-2 col-xs-5"> 
       <label>Legal</label> 
       <!-- contents of first col --> 
      </div> 
      <div class="col-lg-2 col-md-2 col-sm-2 col-xs-7"> 
       <label>More</label> 
       <!-- contents of second col --> 
      </div> 
     </div> 
     <!-- separate row for disclaimer --> 
     <div class="row"> 
      <div class="col-md-8" id="disclaimer"> 
       <label>Disclaimer</label> 
       <br> 
       <p>Placeholder text</br> 
        <p> 
      </div> 
     </div> 
    </div> 
</div>

來源

2015-10-16 17:19:52 ochi

你太快了:) +1 –

@JSantosh hahaha！ thx ...在預感，我試圖看看是否是這個問題。這是重疊的...我只是不知道如何OP想佈局三個div ... – ochi

OP忘了添加中，小一個額外的小免責div，但OP添加到1 2 div。 –

@ochi指出了這個問題。 #disclaimer div與其他人重疊，因爲您將col-xs=*,col-sm-*,col-md-*分配給其他div，但忘記將此免責聲明分配給相同的人。所以它重疊了錨標籤。代碼<div class="col-lg-12 col-md-8 col-sm-6 col-xs-4" id="disclaimer">

Working example

而且你的HTML

部分是不好的格式。 break的語法是<br />，並且您沒有正確關閉p標籤的免責聲明。

來源

2015-10-16 17:30:07

Bootstrap列中的鏈接在窗口調整大小變得不可點擊

回答

相關問題