ブートストラップは vue で使用できますか?

(*-*)浩
(*-*)浩オリジナル
2019-07-18 11:11:4812355ブラウズ

BootstrapVue

ブートストラップは vue で使用できますか?

##Vue.js と世界で最も人気のあるフロントエンド CSS ライブラリの使用— Bootstrap V4 Web 上で応答性の高いモバイルファーストのプロジェクトを構築します。

ライセンス契約: MIT (推奨学習:

Bootstrap ビデオ チュートリアル)

開発言語: Java

Bootstrap-Vue は Vue.js 2.4 は、Bootstrap V4 コンポーネントと、広範な自動化された WAI-ARIA アクセシビリティ マークアップを備えたグリッド システムの最も包括的な実装を提供します。

Vue.js v2.6 が必要、v2.6.10 推奨

Bootstrap v4.3 が必要、v4.3.1 推奨

重要な HTML グローバル変数

Bootstrap v4.3 CSS は、使用する際に注意する必要があるいくつかの重要なグローバル スタイルと設定を使用します。これらはすべて、クロスブラウザー スタイルを正規化することをほぼ唯一の目的としています。

レスポンシブ メタ タグ

bootstrap v4.3 は、まずモバイル向けに開発されています。この戦略では、最初にコードがモバイル デバイス向けに最適化され、その後、必要に応じて CSS が使用されます。コンポーネントを拡張するためのクエリ。すべてのデバイスで正しいレンダリングとタッチ スケーリングを確実に行うには、レスポンシブ ビューポート メタ タグを に追加します。

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

CSS ボックスのサイズ設定

CSS でのサイズ設定を簡単にするために、グローバル ボックスのサイズ設定値がコンテンツ ボックスから境界ボックスに切り替わります。これにより、パディングが要素の最終的に計算された幅に影響を与えなくなりますが、Google マップや Google カスタム検索エンジンなどの一部のサードパーティ ソフトウェアで問題が発生する可能性があります。

まれに、これをオーバーライドする必要がある場合があります。以下を使用してください:

.selector-for-some-widget { 
 box-sizing: content-box;
}
ブートストラップ関連の技術記事の詳細については、

Bootstrap チュートリアル 列にアクセスして学習してください。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。