引導排

我已經作出了自己的引導山坳像引導排

.col-lg-8th{ 
    width:12.5%; 
    float:left; 
    text-align: center; 
    border-right: 1px solid rgb(181,181,181); 
}

也比較列和溢出隱藏有像 .COL-LG-8th3一些較大的cols { 寬度：37.5％; }

我怎樣才能實現這一行

<div class="row calendarrow"> 
      <div class="col-lg-8th"> 
      </div> 
      <div class="col-lg-8th"> 
      </div> 
      <div class="col-lg-8th"> 
      </div> 
      <div class="col-lg-8th"> 
      </div> 
      <div class="col-lg-8th"> 
      </div> 
      <div class="col-lg-8th"> 
      </div> 
      <div class="col-lg-8th5"> 
      </div> 
     </div>

具有62.5％的寬度的最後關口，但沒有被放進下一行，但經過100％只是切斷？

謝謝

來源

2016-01-05 Applecow

你能重新表達或精確的問題嗎？我真的不明白你想要什麼。 –

我在自舉文檔中找不到任何class col-lg-8th。你確定這些都存在嗎？ http://getbootstrap.com/css/#grid –

我想知道，如果有可能有更多的自舉行中的12列（例如3,3,4,3），最後一列被切割後12達到和隱藏，就像溢出：隱藏我做了第8次自己 – Applecow

我認爲您正在尋找類似的東西？ https://jsfiddle.net/DIRTY_SMITH/ocqpsvvc/8/

.col-lg-8th{ 
    width:12.5%; 
    height: 50px; 
    display: inline-block; 
    text-align: center; 
    border-right: 1px solid rgb(181,181,181); 
    background-color: lightblue; 
} 
.col-lg-8th5{ 
    width:62.5%; 
    height: 50px; 
    display: inline-block; 
    text-align: center; 
    border-right: 1px solid rgb(181,181,181); 
    background-color: lightgreen; 
} 
.calendarrow{white-space: nowrap; overflow: hidden;}

來源

2016-01-06 00:32:48

回答

相關問題