相关疑难解决方法(0)
如何使Bootstrap列的高度相同？
我正在使用Bootstrap.如何将三根柱子制成相同的高度？
这是问题的屏幕截图.我希望蓝色和红色的列与黄色列的高度相同.
这是代码:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid">
<div class="row">
<div class="col-xs-4 panel" style="background-color: red">
some content
</div>
<div class="col-xs-4 panel" style="background-color: yellow">
catz
<img width="100" height="100" src="https://lorempixel.com/100/100/cats/">
</div>
<div class="col-xs-4 panel" style="background-color: blue">
some more content
</div>
</div>
</div>919
推荐指数
推荐指数
16
解决办法
解决办法
80万
查看次数
查看次数
Bootstrap Grid - 具有相同水平/垂直间隙的方形瓷砖
我正在尝试使用 Bootstrap 创建一个具有以下属性的瓷砖网格：
- 所有瓷砖都应该是正方形
- 水平和垂直间隙应该相同（即使在不同屏幕宽度上比较相同）
- 图块应始终居中在屏幕中间（从网站的左边缘到最左边的图块的左边框的距离 = 从网站的右边缘到最右边的图块的右边框的距离）
它应该是这样的：
body{
background: #a5b5c5;
background:lightblue !important;
}
.box{
height: 180px;
width: 180px;
background: #fff;
border-radius: 4px;
}
.col-lg-2, .col-md-3, .col-xs-6{
margin-top: 12px !important;
}<div class="container">
<div class="row">
<div class="col-lg-2 col-md-3 col-xs-6 ">
<div class="box"></div>
</div>
<div class="col-lg-2 col-md-3 col-xs-6 ">
<div class="box"></div>
</div>
<div class="col-lg-2 col-md-3 col-xs-6 ">
<div class="box"></div>
</div>
<div class="col-lg-2 col-md-3 col-xs-6 ">
<div class="box"></div>
</div>
<div class="col-lg-2 col-md-3 col-xs-6 ">
<div class="box"></div>
</div>
<div class="col-lg-2 col-md-3 col-xs-6 …5
推荐指数
推荐指数
1
解决办法
解决办法
6040
查看次数
查看次数
使用Bootstrap 4的方形响应div
我想使用Bootstrap 4 创建类似于此页面的网格系统。我想在col-sm-4中创建一个方形框，并在相同高度的col-sm-8中创建一个较长的矩形。我在创建具有响应能力的方形框时遇到了麻烦。我怎样才能做到这一点？！
当前代码：
<div class="container">
<div class="row section-box">
<div class="col-sm-4 text-center description-text">
first square box.
</div>
<div class="col-sm-8 description-image">
second rectangle box.
</div>
</div>
</div>
我尝试过的事情：
- 使用jQuery设置height。这不适用于div上的填充，并且没有响应。
- 这个链接使我设法得到一个正方形的盒子，旁边有一个矩形，但是一旦添加文本，它就不再是正方形。
2
推荐指数
推荐指数
2
解决办法
解决办法
9079
查看次数
查看次数