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>

bootstrap 4卡宽度

1 个答案: