我正在使用bootstrap来显示广告内容,以及旁边的卖家。我想广告连续采取9列,卖家连续占据3列。我的问题是,即使列位于同一行,它们也会分成不同的行。卖家低于广告,不在其右侧。
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="card mb-4">
<div class="card-header card-title text-center">
Advert
</div>
</div>
<div class="col-md-3">
Seller
</div>
</div>
</div>
在开始使用col-md-9
之前,你错过了关闭col-md-3
div。还要确保在中等大小的屏幕中检查输出。
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="card mb-4">
<div class="card-header card-title text-center">
Advert
</div>
</div>
</div> /* You missed this one earlier */
<div class="col-md-3">
Seller
</div>
</div>
</div>