面板內的自舉列表沒有反應

Question

我在自舉3中創建頁面的菜單。 這是我的面板，我有Cretaed。 這是我的一個小組，我創建的代碼：

<div class="row"> 
 
    <div class="col-md-1"></div> 
 
    <div class="col-md-10"> 
 
    <div class="panel mepanelo"> 
 
     <div class="row "> 
 
     <div class="col-md-4 big_list"> 
 
      <ul class="list1"> 
 
      <li><a class="btn" role="button" href="figurini.php">Figurini</a> 
 
      </li> 
 
      <li><a class="btn" role="button" href="mezzi.php">Mezzi Militari</a> 
 
      </li> 
 
      <li><a class="btn" role="button" href="accessori.php">Accessori</a> 
 
      </li> 
 
      <li><a class="btn" role="button" href="strumenti.php">Strumenti</a> 
 
      </li> 
 

 
      </ul> 
 
     </div> 
 
     <div class="col-md-4 big_list"> 
 
      <ul class="list1 "> 
 
      <li><a class="btn" role="button" href="fantasy.php">Fantasy</a> 
 
      </li> 
 
      <li><a class="btn" role="button" href="aerei.php">Aerei</a> 
 
      </li> 
 
      <li><a class="btn" role="button" href="ambientazioni.php">Ambientazioni</a> 
 
      </li> 
 
      <li><a class="btn" role="button" href="edizioni.php">Edizioni</a> 
 
      </li> 
 

 
      </ul> 
 
     </div> 
 
     <div class="col-md-4 big_list"> 
 
      <ul class="list1"> 
 
      <li><a class="btn" role="button" href="busti.php">Busti</a> 
 
      </li> 
 
      <li><a class="btn" role="button" href="navi.php">Navi</a> 
 
      </li> 
 
      <li><a class="btn" role="button" href="colori.php">Colori</a> 
 
      </li> 
 
      <li><a class="btn" role="button" href="occasioni.php">Occasioni</a> 
 
      </li> 
 
      </ul> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
    <div class="col-md-1"></div> 
 
</div> 
 
</div>

此面板裏面的名單響應，但問題是，當頁面是片劑的大小在這裏列表是如何顯示的： 我不希望所有空白的灰色空間存在，但我希望所有元素都出現在平板電腦的兩個列表中，而不是一個列表中。我證明了隱藏sm的東西，但這隱藏了事物。有沒有辦法將三個列表中的所有eleemts放在平板電腦的兩個列表中？謝謝！

Answer 1

使用<div class="col-md-4 col-sm-4 big_list">代替<div class="col-md-4 big_list">

Answer 2

變化從COL-MD的類COL-SM

<div class="col-md-4 big_list"> 

到

<div class="col-sm-4 big_list"> 

Answer 3

您僅需要隱藏在平板電腦3日列表（小設備），並在其他2個列表中調整該列表的元素，並僅在小型設備上顯示該元素。閱讀代碼中的評論。併爲bootstrap隱藏和可見類檢查this。

<div class="row"> 
    <div class="col-md-1"></div> 
    <div class="col-md-10"> 
    <div class="panel mepanelo"> 
     <div class="row "> 
     <div class="col-md-4 col-sm-6 big_list"> 
      <ul class="list1"> 
      <li><a class="btn" role="button" href="figurini.php">Figurini</a> 
      </li> 
      <li><a class="btn" role="button" href="mezzi.php">Mezzi Militari</a> 
      </li> 
      <li><a class="btn" role="button" href="accessori.php">Accessori</a> 
      </li> 
      <li><a class="btn" role="button" href="strumenti.php">Strumenti</a> 
      </li> 
      <!-- follwing elements are hidden on all devices except small (tablets) --> 
      <li class="hidden-xs hidden-md hidden-lg"> 
       <a class="btn" role="button" href="busti.php">Busti</a> 
      </li> 
      <li class="hidden-xs hidden-md hidden-lg"> 
       <a class="btn" role="button" href="navi.php">Navi</a> 
      </li> 

      </ul> 
     </div> 
     <div class="col-md-4 col-sm-6 big_list"> 
      <ul class="list1 "> 
      <li><a class="btn" role="button" href="fantasy.php">Fantasy</a> 
      </li> 
      <li><a class="btn" role="button" href="aerei.php">Aerei</a> 
      </li> 
      <li><a class="btn" role="button" href="ambientazioni.php">Ambientazioni</a> 
      </li> 
      <li><a class="btn" role="button" href="edizioni.php">Edizioni</a> 
      </li> 
      <!-- follwing elements are hidden on all devices except small (tablets) --> 
      <li class="hidden-xs hidden-md hidden-lg"><a class="btn" role="button" href="colori.php">Colori</a> 
      </li> 
      <li class="hidden-xs hidden-md hidden-lg" ><a class="btn" role="button" href="occasioni.php">Occasioni</a> 
      </li> 

      </ul> 
     </div> 
     <div class="col-md-4 hidden-sm big_list"> <!-- hidden on small devices --> 
      <ul class="list1"> 
      <li><a class="btn" role="button" href="busti.php">Busti</a> 
      </li> 
      <li><a class="btn" role="button" href="navi.php">Navi</a> 
      </li> 
      <li><a class="btn" role="button" href="colori.php">Colori</a> 
      </li> 
      <li><a class="btn" role="button" href="occasioni.php">Occasioni</a> 
      </li> 
      </ul> 
     </div> 
     </div> 
    </div> 
    </div> 
    <div class="col-md-1"></div> 
</div> 

Answer 4

我認爲唯一的問題是你不包括引導引擎。請看看你已經正確地鏈接了你的引導文件。一旦完成，這段代碼應該可以正常工作。

<div class="col-sm-4 big_list">