ブートストラップ3 - ハーフカラムトラブル

Question

私は最近、達成しようとしているところで問題が発生しました： 0.5 col | 11 col |

ネスティング：

<div class="col-xs-1"> 
    <div class="col-xs-6">0.5 col</div> 
     <!-- 11 col here from 'master' !--> 
</div> 
<div class="col-xs-11"> 
    test 
</div> 
<div class="col-xs-1"> 
    <div class="col-xs-6">0.5 col</div> 
</div> 

ご覧の通り、私はページの11 COLを達成するためにどのようにわからないよ、私は同様の質問を見て、記載されている二つの方法を見つけた0.5 COL それらを入れ子にして0.5列後に。

ブートストラップSASSファイルは：

.col-xs-half { 
    @extend .col-xs-1; 
    width: percentage((0.5/$grid-columns)); 
} 

しかし、これは動作しないとのセットは、COL-XS-11が開始位置であると思ったときに。

ご協力いただければ幸いです。

Answer 1

あなたはここで、ブートストラップのカスタムバージョン

https://getbootstrap.com/docs/3.3/customize/#grid-system

変更12列

列24にを構築することができますし、あなたのHTMLに下記のコードを置くことができる

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