Bootstrap元素水平居中方法

1、打开WebStorm集成开发工具，新建‘test.html’网页，在网页的同级目录新建bootstrap文件夹，并在文件夹内放入bootstrap.min.css文件，版本3.7。

3、查看网页效果如下图,在整个页面左上角。

5、再次刷新网页查看效果，div水平居中了

7、再次刷新网页查看效果，button回到了左上角

9、再次刷新网页查看效果，button水平居中了,这就是bootstrap元素水平居中的方法，注意文字水平居中使用text-align:center属性