Html CSS显示flex不工作

Html CSS显示flex不工作,html,twitter-bootstrap,css,flexbox,Html,Twitter Bootstrap,Css,Flexbox,我使用的是bootstrap,一行中有两个col-md-6元素,我试图做的是使col-md-6和col-md-6的高度相等,而不设置高度。我曾尝试将行设置为display flex,但没有成功,第一列md-6底部的背景图像高度较短。这是我的密码 <div class="row row-eq-height"> <div class="col-md-6 upcoming-communities-info"> <di

我使用的是bootstrap,一行中有两个col-md-6元素,我试图做的是使col-md-6和col-md-6的高度相等,而不设置高度。我曾尝试将行设置为display flex,但没有成功,第一列md-6底部的背景图像高度较短。这是我的密码

<div class="row row-eq-height">
            <div class="col-md-6 upcoming-communities-info">
                <div class="col-md-12 landing-introduction padding-left container-padding-right container-padding-bottom" style="background-color: #FFF;">
                    <img src="/Images/communities/upcoming-communities/logo.jpg">
                    <h1>Coming To Soon</h1>
                    <ul>
                        <li>Point 1</li>
                        <li>Point 2</li>
                        <li>Point 3</li>
                    </ul>
                </div>
                <div class="col-md-12 landing-image" style="background: url(/Images/communities/background.jpg) 0px -100px; background-size: cover;">
                    <div class="right-pull">
                        <h2>Towns &amp; Singles</h2>
                        <h1><span class="from">from<br>the</span><span class="dollar">$</span><span class="price">400's</span></h1>
                    </div>
                </div>
            </div>
            <div class="col-md-6 upcoming-form">
                  <!--A massive HTML form-->
            </div>
        </div>

即将到来
  • 第1点
  • 第2点
  • 第3点
市镇及;单打 从
400美元的
如何使两个col-md-6的高度相同?

一个选项是使用。它对网格系统使用
flexbox
,默认情况下将创建等高列

@导入url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css' );
.行{
颜色:白色;
}
.row>div:第一个孩子{
背景图像:url('https://unsplash.it/800/400?image=75' );
背景尺寸:封面;
}
.row>div:最后一个孩子{
背景图像:url('https://unsplash.it/800/400?image=125' );
背景尺寸:封面;
}


蔡斯舷梯右舷冰雹射击快乐罗杰粉红色。弯刀trysail舷侧排水口船头索具钳。后桅链发出欢快的船头鞭打着栗色的雷声。七海之鞭长衣单桅帆船阻截杜布隆追击炮挥杆领先。

蔡斯舷梯右舷冰雹射击快乐罗杰粉红色。弯刀trysail舷侧排水口船头索具钳。后桅链发出欢快的船头鞭打着栗色的雷声。七海之鞭长衣单桅帆船阻截杜布隆追击炮挥杆领先。

来吧,斯派克,乌鸦窝,巴卡德尔,嘎嘎嘎嘎的水果。把我弄沉绞刑架,把我拖进四分之一甲板,把主支架接好。司机spyglass scurvy lee gun jolly boat bucko。水手长ho yo ho绞刑架死人不会讲故事,无赖Sail ho。

保险箱暗礁李保雷叛变舵手电缆。双手在她的缆绳上带来一个弹簧,从西班牙主船舷的四分之一处垂下。龙骨在她的锚上膨胀悬赏采取填隙追逐鞭打吃水。双手轻快地沉下我的船底。


寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码,最好是以最短的格式。看到你在使用引导程序3或4了吗?@MichaelCoker引导程序3如果你想使用
flexbox
和我要使用的引导程序,它使用
flexbox
,默认情况下会创建等高列。将
flex
添加到父级即可。。。。