做引導的div不響應

-2

http://codepen.io/toymechqm/pen/qOPRqp 做引導的div不響應

我有井字棋板，過於敏感。我相信有問題的代碼是在這裏的某個地方：

  <div class="col-md-1"></div> 
      <div class="col-md-6"> 

       <div class="box" id="A"></div> 
       <div class="box" id="B"></div> 
       <div class="box" id="C"></div> 
       <div class="box" id="D"></div> 
       <div class="box" id="E"></div> 
       <div class="box" id="F"></div> 
       <div class="box" id="G"></div> 
       <div class="box" id="H"></div> 
       <div class="box" id="I"></div> 

      </div> 
     <div class="col-md-1"></div>

如果你看看codepen董事會是太敏感。當窗口太大時它甚至會改變。我希望最小/最大窗口大小保持井字棋板。我玩過文檔和流體選項。是否有一些簡單的CSS來保持它們聯繫在一起？

來源

2015-10-14 José Toy

http://getbootstrap.com/examples/non-responsive/ – j08691

也許使用你自己的類，只是在需要的地方使用媒體查詢，以保持事物在小屏幕設備上看起來乾淨和正常？ – TrojanMorse

我不認爲該文檔適用？ –

東西如添加其他的div與一組寬度將您的問題有所幫助簡單：

<div class="col-md-6"> 
       <div style="width: 500px;"> 
       <div class="box" id="A"></div> 
        <div class="box" id="B"></div> 
        <div class="box" id="C"></div> 
        <div class="box" id="D"></div> 
        <div class="box" id="E"></div> 
        <div class="box" id="F"></div> 
        <div class="box" id="G"></div> 
        <div class="box" id="H"></div> 
        <div class="box" id="I"></div> 
       </div> 
       </div>

來源

2015-10-14 16:35:40 Blake

謝謝，這就是我所需要的 –

引導集裝箱，行和cols響應性的。有兩種方法可以解決這個問題。

1）把你的.box元素放在一個固定寬度的容器中，並移除響應式col-md-6。

2）請您.box的元素響應與現有的容器來調整。

來源

2015-10-14 16:44:04

做引導的div不響應

回答

相關問題