【发布时间】:2020-08-27 02:32:27
【问题描述】:
我正在使用 Bootstrap 3 网格(不幸的是,CMS 不允许我使用 Bootstrap 4)。目前我无法链接到该页面,所以这个问题可能太难回答了。
这是包含 5 列的行在 CMS 中的显示方式:
max-width 是 1200 像素。
问题是每次我添加包含图像的列时,图像高度都不相同。在此示例中,我将所有图像的高度设置为 255px,但第一列中的图像比其他图像高得多。
当我在 JSfiddle 中输入代码时,它看起来很正常
那么一定是CMS里面有什么东西在干吗?有什么线索我可以照顾吗?
最好的问候
/* Latest compiled and minified CSS included as External Resource*/
/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
.padding-y {
padding: 20px;
background-color: #fff;
}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" />
<div class="section padding-y">
<div class="row">
<div class="col-sm-4">
<img src="http://placehold.it/348x255">
</div>
<div class="col-sm-2">
<img src="http://placehold.it/233x255">
</div>
<div class="col-sm-2">
<img src="http://placehold.it/233x255">
</div>
<div class="col-sm-2">
<img src="http://placehold.it/233x255">
</div>
<div class="col-sm-2">
<img src="http://placehold.it/233x255">
</div>
</div>
</div>
【问题讨论】:
-
注意:
<link>标签不使用也不需要结束斜杠,并且在 HTML 中从来没有。 -
@rob SO 代码 sn-p 编辑器添加了
/。 -
请张贴链接。如果您担心它会被索引,请将其混淆(“mydomain dot com slash slash ...”)。
-
@terrymorse 真的吗?!这太离谱了!我会调查的。我没有看到这种情况发生在我身上,但我可能不会这样做。
-
@Rob 点击“添加外部库”按钮,输入css文件路径。它将添加
link标签,并带有斜杠。
标签: html css twitter-bootstrap-3