ホームページ > ウェブフロントエンド > ブートストラップのチュートリアル > 画面サイズに合わせてブートストラップで背景画像を設定する方法

画面サイズに合わせてブートストラップで背景画像を設定する方法

リリース: 2019-07-18 17:34:09
オリジナル
13241 人が閲覧しました

画面サイズに合わせてブートストラップで背景画像を設定する方法

bootstrap は、画面サイズに合わせて背景画像を設定します。

このスタイルを CSS で編集します。

.bg {
       background:url(图片地址) no-repeat center;
       background-size:contain;
}
ログイン後にコピー

次に、引用符で囲みます。あなたの div このスタイルは次のようになります:

<div class="row bg">
ログイン後にコピー

画像がスクロール バーでスクロールしない場合、つまり固定されている場合は、fixd を追加します。CSS コードは次のとおりです:

.bg {
       background:url(图片地址) no-repeat center fixed;
       background-size:contain;
}
ログイン後にコピー

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

以上が画面サイズに合わせてブートストラップで背景画像を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート