Html 引导嵌套行-列高度
有没有办法使嵌套列的高度等于行的高度?目前它们只相当于行高的75%。我已经尝试过设置列高度与css,但这似乎也不起作用Html 引导嵌套行-列高度,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,有没有办法使嵌套列的高度等于行的高度?目前它们只相当于行高的75%。我已经尝试过设置列高度与css,但这似乎也不起作用 <body> <div class="container"> <!-- HEADER AND TODO COUNT --> <div class="row"> <div class="col-md-4 text-center">
<body>
<div class="container">
<!-- HEADER AND TODO COUNT -->
<div class="row">
<div class="col-md-4 text-center">
<div class="row">
<div class="col-md-12">
<h1>Current Visitors</h1>
<h2>0</h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h1>Online Orders</h1>
<h2>00</h2>
</div>
</div>
</div>
<div class="col-md-8">
Grid Here
</div>
</div>
</body>
当前访客
0
网上订单
00
网格在这里
我想你在找这样的东西
这正是我想要的。你能更详细地解释一下css在做什么吗?@Deltatuk我真的不知道它为什么工作的细节,它是一个保存的代码片段,我经常使用,我只是从来没有研究过它为什么工作。。。Sorry@AdamBuchananSmith如果我想使col-4收缩,调整到col-8,使col-4中的高度行变短,该怎么办
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.row > [class*='col-'] {
display: flex;
flex-direction: column;
}