Bootstrap3で5等分のレイアウトを作成する - Qiita

Bootstrapは偶数での分割をする場合には使い勝手はいいのですが、奇数での分割をする場合はなかなかやりづらい部分があります。 特にwebサイトのコンテンツには5等分のレイアウトで作成されているもの（メニューとか）がよく出てくるので、使用頻度もそれなりかと思います。 私が5等分するにあたって、主に2通りの作成方法を採っています。 1. col-xx-offset-(n)を使用する 以下の方法です <div class="row"> <div class="col-md-2 col-md-offset-1"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> </div> offsetを使用して左側

[gayou]

今時のブラウザ事情を踏まえるとflexboxで定義したほうが いいような気が。

[moetsukiro]

そのままコピペして使える良記事。ただレスポンシブでレイアウトが崩れる場合はスマホで偶数、PCで奇数、両方問題ないレイアウトを考えないとまずい。