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网格系统的尺寸

回答

相关问题