首頁 > web前端 > Bootstrap教程 > bootstrap怎麼設定背景圖片自適應

bootstrap怎麼設定背景圖片自適應

angryTom
發布: 2019-07-19 11:30:32
原創
5516 人瀏覽過

bootstrap怎麼設定背景圖片自適應

推薦教學:Bootstrap教學

1、首先我們需要自定義一個css樣式

.bg {
       background:url(图片地址) no-repeat center;
       background-size:contain;
}
登入後複製

2、在我們需要用到該樣式的div中引用它
##

<div class="row bg">
登入後複製

# 3.如果需要圖片不隨捲軸滾動,即固定不動則加fixd

.bg {
       background:url(图片地址) no-repeat center fixed;
       background-size:contain;
}
登入後複製
原文章地址:https://www.cnblogs.com/Hayley1666/p/8479491. html

以上是bootstrap怎麼設定背景圖片自適應的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
沒有bootstrap自訂的影片教學
來自於 1970-01-01 08:00:00
0
0
0
引入bootstrap無效
來自於 1970-01-01 08:00:00
0
0
0
html5 - bootstrap修改樣式的問題
來自於 1970-01-01 08:00:00
0
0
0
angular.js - angular對於ui-bootstrap的使用
來自於 1970-01-01 08:00:00
0
0
0
使用Bootstrap 5和WordPress的導覽列選單解析器
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板