CSS Bootstrap網格系統的尺寸

-1

我正在爲一家公司創建一個網站，他們的攝影師問我網站上圖片的尺寸是多少。CSS Bootstrap網格系統的尺寸

我用CSS引導和網格系統一樣工作：

<div class="col-md-12"> <div class="fh5co-grid" style="background-image: url(images/xxxx-1-2.jpg);"> <a class="image-popup text-center" > <div class="prod-title "> <h3 style="height:5%;"> 「text"」</h3> </div> </a> </div> </div>

所以圖像的尺寸爲474×698像素的服務器上，但網格系統裁剪圖像的位？

網格系統使用什麼尺寸/尺寸？

非常感謝

來源

2016-12-16 belgiums

我認爲，所有你需要的是一些CSS，使您的圖像採用該設備的屏幕。我通常會做的一個好的做法是將這行代碼放入我的css中。

img { max-width: 100%; }

確保它是你的第一個導入文檔的頂部，這樣你就可以用了，以防出現任何麻煩，你需要一些其他的圖像寬度覆蓋它。

PS。這個規則應該在bootstrap中，因此請檢查如何將自舉添加到您的網頁。

來源

2016-12-16 15:07:38

要清楚：網站完成，一切都很好。只需要他的尺寸..的確，在自舉中：.col-md-4 { 寬度：33.33333％;例如， }。但我怎麼能建議採用寬度等的尺寸？ – belgiums

你可以做的是爲這個背景圖像添加一個CSS。

.fh5co-grid{ 
    background-image: url(images/xxxx-1-2.jpg); 
    background-size: cover; 
    background-repeat: no-repeat; 
}

如果你想確保這個代碼將得到整個屏幕寬度，請確保您的HTML COL-LG-12纏繞在一個容器流體。

來源

2017-02-17 03:32:57 DaniQVM

CSS Bootstrap網格系統的尺寸

回答

相關問題