紙一重の積み重ね

35歳のエンジニアがなれる最高の自分を目指して、学んだことをこつこつ情報発信するブログです。

【Bootstrap3】数カラム分、右にずらして表示したい場合はオフセットカラムを使用する

f:id:yokoyantech:20180621174844p:plain

はじめに

Bootstrap3のグリッドデザインのメモです。

やりたいこと

  • 10カラム中、2カラム分右にずらして8カラム表示したい

動作環境

  • Bootstrap3
  • Slim

実現方法

class属性にオフセットカラムを指定する。 具体的には、col-sm-offset-2を指定する。

.row#hoge
  .col-sm-8.col-sm-offset-2

参考情報

bootstrap3.cyberlab.info