bootstrap中怎么設(shè)置背景圖片自適應(yīng)屏幕

發(fā)布時間：2021-07-26 11:41:38 來源：億速云閱讀：195 作者：Leah 欄目：開發(fā)技術(shù)

本篇文章為大家展示了bootstrap中怎么設(shè)置背景圖片自適應(yīng)屏幕，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

bootstrap設(shè)置背景圖片自適應(yīng)屏幕大?。?/p>

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;}

上述內(nèi)容就是bootstrap中怎么設(shè)置背景圖片自適應(yīng)屏幕，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

猜你喜歡