１２カラム以上を１つの行に配置した場合 ≪ グリッド・システム ≪ CSS ≪ Bootstrap3日本語リファレンス

１２カラム以上を１つの行に配置した場合、１２を超えることになったカラム・グループから、新たな行に折り返す。

サンプル

.col-xs-10

.col-xs-3

.col-xs-11

.col-xs-3

比較しやすいように、カラムに枠線を付けてある。

ソースコード

<style>
.sampleRow > div {
	height: 3em;
	border: 1px solid gray;  
}
</style>
<div class="container-fluid">
	<div class="row sampleRow">
		<div class="col-xs-10">.col-xs-10</div>
		<div class="col-xs-3">.col-xs-3</div>
		<div class="col-xs-3">.col-xs-3</div>
		<div class="col-xs-11">.col-xs-11</div>
		<div class="col-xs-3">.col-xs-3</div>
		<div class="col-xs-3">.col-xs-3</div>
	</div>
</div>