ブートストラップ4カードの幅

Question

カードに全幅に押し込むのに十分なテキストがカードにない限り、col-md-6列の全幅に渡ってカードを伸ばすことはできません。しかし、私はそれがテキストなしでcol-md-6列の全幅であることを知っています。

<p>タグのコメントを外すと、幅が完全に収まりますが、テキストがほとんどない場合でも全幅にする必要があります。

<div class='col-md-6 jobs_index_middle_panels'> 
    <div class="row"> 


<div class="card"> 
    <div class="card-block"> 
    <h4 class="card-title">Card title</h4> 
    <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> 
    <!--<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>--> 

    </div> 
</div>   


    </div> <!--/.row --> 
</div> <!-- ./col-md-6 --> 

Answer 1

カードがcol-*内に直接であるべきであり、col-*は.row内にある必要があります...

https://www.codeply.com/go/tBl8MZOn7i

<div class="row"> 
     <div class="col-md-6 jobs_index_middle_panels"> 
      <div class="card"> 
       <div class="card-block"> 
        <h4 class="card-title">Card title</h4> 
        <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> 

       </div> 
      </div> 
     </div> 
    </div>