ブートストラップを使用する理由

Bootstrap は、2 人の Twitter 従業員によって開発され、オープンソース化されたフロントエンド フレームワークです。非常に人気があり、人気には理由があります。Bootstrap の使用は、チームのすべてのプロジェクトに完全に実装されています。私が実際に使用した経験に基づいて説明したいと思います。なぜ Bootsrap を使用する必要があるのか​​について話しましょう。

まず第一に、、Bootstrap は twitter から来ており、大手メーカーによって製造されており、オープンソースです。テストの仕事量。巨人の肩の上に立って、決して車輪の再発明をしないでください。 (推奨学習: Bootstrap ビデオ チュートリアル )

Bootstrap のコードは非常に優れたコード仕様を備えており、そこから多くのことを学ぶことができます。Bootstrap プロジェクトに基づいて作成されています、今後のコードのメンテナンスも非常にシンプルかつ明確になります。これにより、開発者は、デスクトップ、タブレット、携帯電話で Web ページに最高のエクスペリエンスを簡単に提供できるようになります。

Bootstrap の主な利点の 1 つは、Less に基づいていることです。また、[サスバージョン】。このため、起動するとすぐに呼び出せる非常に実用的な Mixin ライブラリが含まれています。

非常に単純な例を挙げると、通常、いくつかの css3 属性を使用する場合、ブラウザごとに異なる -prefix- (丸みを帯びた境界線の半径など) を記述する必要があります。

-webkit-border-radius: 10px; 
　　 -moz-border-radius:10px; 
　　 -border-radius:10px; 
/* 何问起 hovertree.com */

ただし、ブートストラップを使用します。 , ミックスインはあらかじめ設定されているので、次のように書くだけです:

@include border-radius (10px);

リラックスして幸せではありませんか?一般的に使用される基本的な CSS3 ミックスインが整理されています。これらを直接呼び出すだけです。ここでは 1 つずつ例を示しません。

Bootstrap は現在、Less (Sass) をベースにした最高のフロントエンド フレームワークであり、豊富で実用的な Mixin がその最大の機能であるはずです。

Bootstrap は、レスポンシブ デザインを実装するための基本フレームワークのセットアップに役立ち、変更は非常に簡単です。

初心者の場合、Bootstrap を使用すると、非常に短時間でレスポンシブ デザインを始めることができます。また、Bootstrapの人気により、Bootstrapを中心に開発されたプラグインも数多く登場しています。最も実用的なのは [Font Awesome](http://fortawesome.github.com/Font-Awesome/) です。

豊富なアイコンから選べるアイコン フォントのセットです。新バージョン 2.0 では、ネチズンの意見をもとに 70 個の新しいアイコンが追加されています。

Bootstrap のコンポーネントは非常に豊富で、コードは簡潔で変更が非常に簡単なので、必要に応じて完全に変更できます。これにより作業効率が大幅に向上します。

Apple が主導する現在の Retina トレンドの下では、Retina 画面イメージに対するソリューションの必要性がますます高まっており、アイコンに関して言えば、アイコン フォントが最適なソリューションです。解像度を気にする必要はありません。それは実際にはフォントだからです。

これらが、Bootstrap を使用する必要がある理由です。現在、これに匹敵する他のフレームワークは市場にありませんが、Bootstrap は優れた機能を備えていますが、それでも学習と適応にある程度の時間を費やす必要があります。将来それがもたらす利便性は比類のないものであり、なぜもっと早くそれに触れなかったのかを後悔するでしょう。

Bootstrap に関連する技術的な記事については、Bootstrap チュートリアル 列にアクセスして学習してください。

以上がブートストラップを使用する理由の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。