当前位置: 首页 > 面试题库 >

如何在引导程序4中将卡片居中?

芮念
2023-03-14
问题内容

我正在使用bootstrap 4 alpha3。 我想在整个页面的中间水平放置卡片。

Preview / link:

我尝试了卡的bootstrap 4示例页面上列出的所有不同选项。

我该如何实现?


问题答案:

为.card添加CSS

.card {
        margin: 0 auto; /* Added */
        float: none; /* Added */
        margin-bottom: 10px; /* Added */
}

更新: 您可以使用.mx-auto引导程序4中可用的类来居中放置卡。



 类似资料:
  • 不知道如何将此按钮居中。在BS3中,我只使用中心块,但在BS4中,这不是一个选项。有什么建议吗?

  • 我需要中心(水平和垂直)我的输入页面的内容。我正在使用Bootstrap 4 beta版,我在BS页面上按指南操作,但它不起作用-https://getbootstrap.com/docs/4.0/layout/grid/ 你能帮我修一下吗?谢谢

  • 我有一个小问题与卡体,我想有两个列在中央,正如你在图片中看到的,它有点在左边比较按钮...我试过一些类在引导,但我似乎找不到正确的一个。希望你能帮助我[在伊舍伍德之后编辑] 所以我试着把文本放在中心,但我不知道为什么它不能像代码段一样工作...

  • 问题内容: 我需要使用引导程序通过将div定位在页面中心来创建响应页面,如下面提到的布局。 问题答案: Bootstrap 4的更新 使用flex-box简化垂直网格对齐 Bootstrap 3的解决方案 这是一个以所有屏幕尺寸为中心的水平和垂直div的简单示例。

  • 问题内容: 无论我尝试什么,我都无法在Bootstrap导航栏中放置任何内容,对此有什么解决方案? 我试过使用或使用的类添加div 。什么都行不通,为什么要实现如此简单,我无法理解的东西这么难,我在做什么错呢? 这是当前代码: 问题答案: 在Bootstrap 4中,有一个名为的新实用程序。您只需要指定居中元素的宽度。 与Bass Jobsen的答案不同,后者是两端元素的相对中心,以下示例为绝对中

  • 我已经开始学习Bootstrap了。我的问题是如何中心对齐一个列水平,引导包含12列布局,没有中间数字。更清楚的是,如果是11列布局,中间的数字应该是6(左5列,中间1列,右5列)