「 HTML・CSS 」一覧

Web制作の際には欠かせないHTML・CSS。その書き方などの技術情報や便利なテクニックについて、またその学習方法や考え方などについてお伝えします。

Bootstrapカラムのマージン(余白・ガター)を好きなサイズに調整するCSSの具体例

Bootstrapカラムのマージン(余白・ガター)を好きなサイズに調整するCSSの具体例

Bootstrapカラム間のデフォルトのマージンを好きなサイズに調整する各種CSSをご紹介。自作のクラスを追加して、思い通りの幅を設定したり、個別のブロックだけサイズ変更したりする方法を解説しています。最後に手軽に設定できる汎用クラスもご紹介。Bootstrapカラムのガターの成り立ちが、より深く理解できます。

Bootstrapカラム間のマージン(余白・ガター)の仕組みをマスターする

Bootstrapカラム間のマージン(余白・ガター)の仕組みをマスターする

Bootstrapのカラム間のマージンがどのように指定されているのか、画像多めで要点を絞って解説しています。サンプルをあげて説明しているのでわかりやすいです。また縦積みになった場合の挙動も取り上げています。カスタマイズをしたい方は基礎知識としてチェックしてください。

複雑なBootstrapカラムのコードはジェネレーターを使えば即マスター

複雑なBootstrapカラムのコードはジェネレーターを使えば即マスター

Bootstrapのカラムについて丁寧に解説したうえで、ブレイクポイントごとにカラム数を切り替える複雑な設定をする場合に活躍してくれる、ビジュアルで理解できるジェネレーターを紹介しています。操作は簡単で即コードを出力してくれるので、Bootstrapのカラム割りはどうもよくわからないという初心者さんにこそオススメです。