1. ホーム
  2. html

[解決済み] Bootstrap 3からレスポンシブグリッドを取得するには?

2022-09-22 16:12:25

質問

Twitter Bootstrap を使用して、自分のウェブ アプリケーションにレスポンシブ デザイン機能を追加する必要があります。私はレスポンシブな動作が欲しいだけで、タイポグラフィーやコンポーネントなど、Bootstrap に含まれている他のものには興味がありません。

私は カスタマイズされたBootstrapのバージョン を、グリッドシステムを選択するだけで入手できました。しかし、生成されたCSSをアプリケーションに追加すると、すべてのスタイルがめちゃくちゃになります(ヘッダー、リンク、その他)。なぜこのようなことが起こるのでしょうか?どうすればグリッドシステムだけのBootstrap CSSを取得できるのでしょうか?私は、Bootstrapファイルの手動での修正を避けたいと思います。

どのように解決するのですか?

次のURLへ移動します。 http://getbootstrap.com/customize/ をクリックし、BS3フレームワークから必要なものだけを切り替えて、"コンパイルとダウンロード"をクリックすると、あなたが選んだCSSとJSが得られます。

CSSを開き、グリッド以外を削除します。正規化するものも含まれているそうです。そして、あなたのサイト上のすべてのスタイルを box-sizing: border-box - に調整する必要があります。 http://www.w3schools.com/cssref/css3_pr_box-sizing.asp