すべてのspanタグが12を超えないように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>

？

出典

2017-10-15 SMica

あなたの質問を少し明確にできることを確認するために、このような何かに12そうすることができますを超えてはなりませんか？他の人があなたの質問を理解できるように、イメージや何かを作ってください！ – Afshin

@Afshinそれは良いですか？ – SMica

@Afshin基本的に、私はブートストラップにルールがあると信じているので、スパン要素を次の行に移動させたくありません。 – 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

出典

2017-10-16 02:21:10

答えて

関連する問題