bootstrap如何設(shè)置背景圖片自適應(yīng)?這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容,讓我們一起來看看吧!
創(chuàng)新互聯(lián)是一家專業(yè)提供金口河企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計、網(wǎng)站制作、H5開發(fā)、小程序制作等業(yè)務(wù)。10年已為金口河眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進行中。
1、首先我們需要自定義一個css樣式
.bg { background:url(圖片地址) no-repeat center; background-size:contain; }
2、在我們需要用到該樣式的div中引用它
3、如果需要圖片不隨滾動條滾動,即固定不動則加fixd
.bg { background:url(圖片地址) no-repeat center fixed; background-size:contain; }感謝各位的閱讀!看完上述內(nèi)容,你們對bootstrap如何設(shè)置背景圖片自適應(yīng)大概了解了嗎?希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
本文標(biāo)題:bootstrap如何設(shè)置背景圖片自適應(yīng)
URL網(wǎng)址:http://weahome.cn/article/jpjojg.html