質問: wordpressのテーマを制作しているのですが、Bootstrapに苦戦しています。 ``` 'thumbnail img-responsive', 'style' => 'margin:0 auto;') ); ?> 投稿記事はありません。 カテゴリ アーカイブ おすすめトピック タイトル タイトル タイトル タイトル タイトル タイトル タイトル タイトル タイトル ``` まだテンプレートタグに置き換えきっていないですが、主要部分は上記のとおりです。 カラム一つ一つにpaddingを左右につけてカラムとの間を確保しています。 このカラムの背景に色を付けたいのですが、カラム間はbodyの背景色のままにしたいです。 ですがこのままbackground-colorをカラムにつけてしまうとみっちりくっついたように見える着色になってしまいます。 この場合どうしたら良いでしょうか? なお、Bootstrap初心者のため間違ったことをしてるかもしれませんので、そういった部分がありましたらご指摘いただけるとありがたいです。 よろしくお願いします。
回答: `class="col-xs-12 col-sm-4" style="margin-bottom: 30px; padding: 0 10px 0 10px;"` `class="col-xs-12" style="margin-bottom: 30px"` など、Bootstrap用クラスを付けた要素に style属性で `margin/padding` を設定していますが、Bootstrapがもともと付けている `margin/padding` に影響するのでしないほうが良いです。(グリッドが崩れる原因になります) そういう場合はグリッドの中にdiv要素をいれるなどして処理するのが妥当かなと思います。 また、style属性で指定せずに、要素にクラスを付けてCSSでまとめて書くようにした方が良いと思います。