我只是想知道如何為引導(dǎo)程序中的列提供背景圖像，因此它只會(huì)出現(xiàn)在該列中，而不是整個(gè)頁(yè)面中。我試圖這樣做，這樣我就可以讓我的導(dǎo)航欄保持透明，并且只有它下面的列有背景圖案。
1 回答
慕的地6264312
TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超6個(gè)贊
首先你需要給 col 一個(gè)類名或 id 例如
<div class="col-xs-3 myImage">
您可以使用下面的示例將圖像放置在容器本身中。在你的CSS中，你首先需要確保圖像包含在列中，因此設(shè)置最大寬度參數(shù)。
.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 關(guān)注
- 110 瀏覽
添加回答
舉報(bào)
0/150
提交
取消