我只是想知道如何為引導程序中的列提供背景圖像，因此它只會出現在該列中，而不是整個頁面中。我試圖這樣做，這樣我就可以讓我的導航欄保持透明，并且只有它下面的列有背景圖案。
1 回答
慕的地6264312
TA貢獻1817條經驗 獲得超6個贊
首先你需要給 col 一個類名或 id 例如
<div class="col-xs-3 myImage">
您可以使用下面的示例將圖像放置在容器本身中。在你的CSS中，你首先需要確保圖像包含在列中，因此設置最大寬度參數。
.myImage{
display:block;
max-width:100%; // change this is you need it to be smaller
background-image:url('yourimagefoldername/imagefilename.jpg');
background-size: cover; // contain might suite you better
background-position:center; // this can be change to top, bottom or wherever
}
這幾乎就是您需要做的全部事情。
- 1 回答
- 0 關注
- 112 瀏覽
添加回答
舉報
0/150
提交
取消