Bootstrapを作るときにclass=wellを使うと、詰め込めるGridの数量がかわるから注意

Twitter Bootstrapを使ってWordPressのサイトをつくっています。

で、Gridシステムをつかってコンテンツを配置するときに、divタグのclassにrowを指定して、その後、divタグのclassをspan1とかspan2とかすればグリッドごとにきれいにレイアウトされるかとおもいきや、なぜだかうまくいきませんでした。

やろうとしたのは、span12の中で、span4のdivタグを3つつくったのですが、3つめがカラム落ちして横に並ばない。

スマートライト|照明についてのポータルサイト 2

で、いろいろ試してみたところ、僕はdivタグの周囲がわかるようにclassにwellをつけていたのですが、どうやらこれをいれるとspanつけてもサイズが変わってしまうようです。

なので、show-gridというclassにCSSで表示させるようにしたら、こんな感じで無事にGridレイアウトで配置することができました。

スマートライト|照明についてのポータルサイト 3