bootstrap如何设置居中

这篇文章主要介绍"bootstrap如何设置居中"，在日常操作中，相信很多人在bootstrap如何设置居中问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"bootstrap如何设置居中"的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

1.首相我们先创建新的项目先来看看没有设置之前的样式结果和代码如下：

                                                                                        
hhhh
        

2.修改样式在代码中加入 margin: 0 auto ；使得我们的盒子位置处于居中的状态。代码如下：

                                                                                        
hhhh
        

当我们把div的换成button之后就算加了 margin: 0 auto;这个属性也不会进行居中，会保持在靠左的位置，所以这时候我们就需要在 margin: 0 auto; 这属性后面添加 display:block 属性才可以让 button 元素居中显示。而且如果要让我们的文字居中的话要加上 text-align:center;的属性才可以显示居中。

到此，关于"bootstrap如何设置居中"的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注网站，小编会继续努力为大家带来更多实用的文章！