オフセット・カラム ≪ グリッド・システム ≪ CSS ≪ Bootstrap3日本語リファレンス

カラム数分、右にずらして配置するスタイルのクラス。

オフセット・カラムは、class属性にcol-xs-offset-*を指定する。col-xs-offset-*の*に、カラム数を指定する。

サンプル

.col-xs-10 .col-xs-offset-2

.col-xs-3

.col-xs-4 .col-xs-offset-1

.col-xs-3 .col-xs-offset-1

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

ソースコード

<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-offset-2">.col-xs-10 .col-xs-offset-2</div>
	</div>
	<div class="row sampleRow">
		<div class="col-xs-3">.col-xs-3</div>
		<div class="col-xs-4 col-xs-offset-1">.col-xs-4 .col-xs-offset-1</div>
		<div class="col-xs-3 col-xs-offset-1">.col-xs-3 .col-xs-offset-1</div>
	</div>
</div>