我的问题是这个，我试着在我的网站中间放一个漂亮的大矩形， 但是当我改变窗户的大小时，我无法管理矩形边的空间。 当我使用
<div class=" col-md-12">...</div>
当窗户全屏时，我填充的填充物太少了， 但是在“电话尺寸屏幕”中可以从两侧进行精细填充＆＃34; 但是当我使用
时 <div class=" col-md-10 col-md-offset-1">...</div>
在FULL SCREEN中有很好的填充，但当窗口处于手机大小时，div太小了。
我该怎么办？
有没有把这两个结合起来的可能性？
答案 0 :(得分：2)
您是否阅读过Bootstrap的文档？
http://getbootstrap.com/css/#grid
Bootstrap专为此而设计，但是，您需要告诉您的课程。 MD代表中型设备......你也有sm就是手机。因此，如果您想在手机上使用10个列，请按照以下步骤进行操作。
<div class="col-md-12 col-sm-10 col-sm-offset-1">...</div>
如果没有到达那里（sm范围在991像素到768px之间），请使用XS类。
<div class="col-md-12 col-xs-10 col-xs-offset-1">...</div>
这会影响分辨率为767像素或更低的设备。
所以回到你的问题：它们是否可以合并？ 是的，他们
组合设置你可以让你可以从1级到...我不知道有多少，因为bootstrap将根据屏幕的大小选择它需要的类。因此，您还可以向其添加类，以便它在大屏幕（col-lg）上表现为超级小（col-xs）。我再向您推荐一些有关bootstrap网站上的示例的文档。
快乐的HTML'ing！
答案 1 :(得分：1)
.col-md-12在所有视口大小都是全宽的。要使填充和边距正常工作，您需要在其周围.row，以便通过周围的.row（具有负L和R边距）调整列类的填充，然后在其外部您需要.container或.container-fluid类来阻止水平滚动条。
然而，如果这个“大矩形”一直是全宽，就像.col-md-12那样，你绝对不需要使用任何网格类。如果您希望它包含在.container的最大宽度范围内，请将其直接放在.container 没有周围网格类的内部，或者您可以将其放在{{1}中只需获得左右15px（默认填充）或将其放入任何内容（单独保留）并且它将在没有任何填充/装订线的情况下击中视口的边缘。
如果你不使用任何网格类，你可以使你的矩形具有最大宽度的百分比宽度（如果你愿意的话）并把类.container-fluid