如何使Bootstrap 4卡边框上的按钮？
Pawlit16
是否可以使用css为将在卡边界上的Bootstrap卡制作按钮？如下图所示：
我正在浏览文档，但没有看到可以直接使用Bootstrap4。也许可以在CSS中设置样式吗？
丹斯曼
.card .btn {
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<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>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>您可以通过在按钮上添加以下属性来实现：
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Bootstrap 4 边框重叠按钮元素
- 2
如何划分Bootstrap 4卡
- 3
如何在Bootstrap 4中为垂直选项卡设置透明右边框
- 4
单击“向上”和“向下”按钮时，如何使边框上下移动？
- 5
如何在边框上添加边框？
- 6
如何安排bootstrap4卡
- 7
卡组件中具有单击事件的Bootstrap 4按钮
- 8
div边框上的Div标题如何
- 9
Bootstrap：如何删除边框表格？
- 10
如何使用Bootstrap 4填充边框以使文本水平对齐？
- 11
如何通过 SASS 更改 Bootstrap 4 的边框底部宽度？
- 12
如何将Bootstrap 4卡标题上的按钮始终保持正确（响应式和桌面式）？
- 13
如何在 bootstrap 4 卡的页脚顶部覆盖图标？
- 14
在Bootstrap选项卡周围添加边框
- 15
如何使Bootstrap Twitter的活动选项卡向下延伸以隐藏字段集边框？
- 16
向右拉时如何在Bootstrap动态导航栏选项卡上保留边框底部
- 17
Bootstrap 4 卡行？
- 18
如何使Bootstrap按钮全宽？
- 19
如何禁用 Bootstrap 上的按钮？
- 20
VB：如何使图片框上的按钮透明？
- 21
如何删除bootstrap 3.0 tablethead的底部边框？
- 22
如何更改Bootstrap选择的边框颜色
- 23
如何启用Bootstrap 4 Flex？
- 24
Bootstrap 4如何使按钮均匀分布（并垂直对齐）？
- 25
如何对齐使用文件选择器的Bootstrap 4按钮？
- 26
JavaFX：按钮边框上的背景溢出
- 27
如何在Android中的Textview边框上启用动画
- 28
如何在android的布局边框上设置circleImageView？
- 29
如何使图像悬停在边框上工作-CSS
我来说两句