美好的一天开发!我想在卡片下方贴上一个标记为“添加到购物车”的按钮,但该按钮的位置在左侧,我想将其放置在中间,但我不太了解如何自定义它,我的设计的bootstrap 4。感谢您的帮助!
<div class="card">
<img class="card-img-top" src="..." alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Title Information Here.</p>
</div>
<div class="card-footer">
<button type="button" class="btn btn-secondary">Secondary</button>
</div>
</div>
要尊重已经放置的引导程序,只需d-flex
在卡页脚上添加,然后mx-auto
在按钮上添加类:
<div class="card">
<img class="card-img-top" src="..." alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Title Information Here.</p>
</div>
<div class="card-footer d-flex">
<button type="button" class="btn btn-secondary mx-auto">Secondary</button>
</div>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句