为什么flexbox equal和bootstrap(row-eq-height)列高不起作用?

时间:2017-10-24 07:35:19

标签: css twitter-bootstrap flexbox

我已经尝试过两种方法来解决我的问题(row-eq-height),但无论我做什么都没有。 我有三个这样的列(.regytpe)。我知道flex-container有几个默认设置,也许我在代码的某个地方覆盖它。

<a href="felreg.php?p=ceg">
    <div class="register_selector">
      <div class="row">
        <div class="col-sm-4 col-md-12 col-lg-4 col-xs-12">
          <div id="cegreg-hover" class="regtype">
           <div class="regdiv text-center">
            <div class="regdiv-heading">
             <h1 id="cegvagyok" class="robotoBold">CÉG VAGYOK</h1>
            </div>
          <div class="regdiv-body">
           <img src="../img/ceg-ikon-idle.svg" class="img-responsive cegreg" />
         </div>
        <div class="regdiv-footer">
        <p class="caviarBold">REGISZTRÁLOK</p>
      </div>
    </div>
   </div>
  </div>
</a> ...

 <style>
  .register_selector{
   display: -ms-flex;
   display: -webkit-flex;
   display: flex;
   max-width: 1330px;
   height: 430px;
   position: absolute;
   margin: auto;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border-radius: 3px;
   margin-top: 350px;
  }

  .regtype{
   display: table;
   margin: 0 auto;
   color: #ffffff;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.6);
   -webkit-transition: 0.5s;
   transition: 0.5s;
   padding: 0 5px;
  }
 </style>

0 个答案:

没有答案