ブートストラップは何に使用されますか?

Bootstrap は、Twitter がフロントエンド開発のために立ち上げたオープンソース ツールキットです。これは Twitter デザイナーの Mark Otto と Jacob Thornton によって開発された CSS/HTML フレームワークです。

これは、Web ページを作成するためのフレームワーク (現在最も人気のある WEB フロントエンド フレームワーク) です。つまり、クラスを呼び出す HTML タグを記述するだけで、ハイエンドな Web をすぐに作成できます。ページ。心配する必要はありません。互換性の問題については、多くのスタイルから選択できるように提供されています。
たとえば、Web サイトのナビゲーションを作成する必要がありますよね? 自分で作成すると多くのコードを記述する必要がありますが、ブートストラップ フレームワークを使用して作成すると、HTML タグを記述するだけで済みます。そしてクラス名を呼んでください！

ブートストラップについて詳しく知りたい場合は、次をクリックしてください: Bootstrap チュートリアル

##関数:

提供されるスタイルとコンポーネントを使用して、Web サイトをすばやく作成します。

非常に美しいスタイルを備えた Web ページを作成するには、いくつかの定義されたクラス (クラス名) を参照するだけで済みます。自己適応をサポートしています。これは非常に優れたフレームワークです。

簡単に言うと、Web サイトのフロントエンド ページを迅速に構築するためのオープン ソース プロジェクト (Jquery ベース) です。関連するクラス、タグ名などの意味を理解するだけで、ページを構築するときにブートストラップの JS、CSS などをインポートすると、対応する効果が表示されます。

たとえば、HTML の記述: abbreviation ; マウスを略語や略語の上に置くと、完全なコンテンツが表示されます。Bootstrap は、HTML 要素の拡張スタイルを実装します。 abbreviation 要素は title 属性を持ち、薄い点線の枠として表示され、マウスをその上に移動すると「?」の付いたポインタに変わります。上記の効果を得るために段落テキスト内の特定の単語またはフレーズが必要な場合は、その形式で記述するだけで済みますが、class="initialism" を追加するとフォント サイズが小さくなりますが、その必要はありません。一方、ブートストラップや他の同様のフレームワークを試さない場合は、そのようなエフェクトを自分で作成する必要があり、開発に長い時間がかかります。もう 1 つの例は、Jquery の easyui です。これは同様です。

#ブートストラップ ファイル パッケージの簡単な紹介#ファイル名:

bootstrap.css
bootstrap.min.css
bootstrap-responsive.css
bootstrap-responsive.min.css
bootstrap.js
bootstrap.min.js

説明 ：

bootstrap.css 是完整的bootstrap样式表，未经压缩过的，可供开发的时候进行调试用
bootstrap.min.css 是经过压缩后的bootstrap样式表，内容和bootstrap.css完全一样，但是把中间不必要的空格之类的东西都删掉了，所以文件大小会比bootstrap.css小，可以在部署网站的时候引用，如果引用了这个文件，就没必要引用bootstrap.css了
bootstrap-responsive.css 这个是在对bootstrap框架应用了响应式布局之后所需要的CSS样式表，如果你的网站项目不准备做响应式设计，就不需要引用这个CSS。
bootstrap-responsive.min.css 和bootstrap.min.css的作用是一样的，是bootstrap-responsive.css的压缩版
bootstrap.js 这个是bootstrap的灵魂所在，是bootstrap的所有js指令的集合，你看到bootstrap里面所有的js效果，都是由这个文件控制的，这个文件也是一个未经压缩的版本，供开发的时候进行调试用
bootstrap.min.js 是bootstrap.js的压缩版，内容和bootstrap.js一样的，但是文件大小会小很多，在部署网站的时候就可以不引用bootstrap.js，而换成引用这个文件了~~

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