关于bootstrap的css样式如何修改的问题

使用bootstrap可以简化我们开发的流程和代码，但是虽然bootstrap的代码很方便，也面临着css的样式很单调的情况。

我们可以通过覆盖css样式解决。

但是在写的时候发现自己覆盖的代码无法改变bootstrap本来的代码。

其实这个问题很简单，因为html渲染的时候是自上而下的，后面的样式会覆盖前面的样式。

所以如果你的css样式不能覆盖bootstrap的样式，检查一下是不是自己的样式的引入放在了bootstrap的引入前面。

正确的是把自己的样式引入放在bootstrap的引入后面。

对于表格合并后居中的问题，可以在head加入style样式
.table tr td{
vertical-align: middle !important;
}
覆盖bootstrap的样式