如何調整Bootstrap列類以便所有的span標籤不超過12？

-1

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<HeaderTemplate> 
 
    <span class="col-xs-3">ID</span> 
 
    <span class="col-xs-3">Product</span> 
 
    <span class="col-xs-3"> Unit Price</span> 
 
    <span class="col-xs-3">On Hand</span> 
 
    <span class="col-xs-3">Total</span> 
 
</HeaderTemplate>

我怎樣才能調整自舉列類，所以總的所有span標籤不超過12上面這個例子嗎？

來源

2017-10-15 SMica

你能澄清你的問題一點點？製作一張圖片或其他東西，以便其他人可以理解你的問題！ – Afshin

@Ashshin更好嗎？ – SMica

@Ashshin基本上我不希望任何span元素去下一行，因爲我相信在bootstrap中有一個規則。 – SMica

     <span class="col-xs-2">ID</span> 
         <span class="col-xs-2">Product</span> 
         <span class="col-xs-2"> Unit Price</span> 
         <span class="col-xs-2">On Hand</span> 
         <span class="col-xs-4">Total</span>

列的總和不應超過12，所以你可以以這樣的事情，使其12

來源

2017-10-16 02:21:10

如何調整Bootstrap列類以便所有的span標籤不超過12？

回答

相關問題