Bootstrap 提供四种水平居中元素的方法：使用 .text-center 类使用 justify-content 实用程序使用 margin: auto使用辅助类 .mx-auto
Bootstrap 居中显示元素
Bootstrap 提供了几种方法来水平居中显示元素：
使用 .text-center 类
- 最简单的方法是将
.text-center类应用于要居中的元素。 - 例如：
Hello
使用 justify-content 实用程序
- 对于行内元素，可以使用
justify-content实用程序。 - 例如，可以使用
row类创建一个行，然后将justify-content-center应用于该行。内部元素会自动居中。
`
SuperCms在线订餐系统
下载
模板采用响应式设计，自动适应手机，电脑及平板显示；满足单一店铺外卖需求。功能：1.菜单分类管理2.菜品管理：菜品增加，删除，修改3.订单管理4.友情链接管理5.数据库备份6.文章模块：如：促销活动，帮助中心7.单页模块：如：企业信息，关于我们更强大的功能在开发中……安装方法：上传到网站根目录，运行http://www.***.com/install 自动
Item 1
Item 2
使用 margin: auto
- 对于块级元素，可以使用
margin: auto实用程序。 - 例如：Item
使用辅助类
- Bootstrap 提供了名为
.mx-auto的辅助类，它为元素添加margin: auto样式。 - 例如：Item
注意：
- 并非所有方法都适用于所有元素。
- 居中显示通常与其他样式结合使用，例如设置元素宽度或高度。
- 可以根据需要组合使用这些方法来实现所需的效果。
