Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导嵌套行-列高度_Html_Css_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

Html 引导嵌套行-列高度

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">

有没有办法使嵌套列的高度等于行的高度?目前它们只相当于行高的75%。我已经尝试过设置列高度与css,但这似乎也不起作用

<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;
}