引导 4 张卡片宽度

ran*_*891 6 twitter-bootstrap bootstrap-4

我似乎无法让卡片横跨 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 -->
Run Code Online (Sandbox Code Playgroud)

Zim*_*Zim 8

卡应该直接在里面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>
Run Code Online (Sandbox Code Playgroud)