Twitter Bootstrap和平面UI最佳实践

Question

我是bootstrap和平面UI设计的新手。我想用bootstrap和flat ui覆盖CSS。我应该为它创建一个新类（或只是同一个类）和一个自定义style.css来覆盖它，还是应该直接编辑bootstrap.css？处理CSS框架时哪种方法最好？

Answer 1

覆盖Bootstrap样式的最简单方法是使用自己的“styles.css”跟随bootstrap.css ......

例如，要使所有按钮更圆整，请将以下代码添加到styles.css ...

.btn {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

或者，（更好的方法）是使用您自己的自定义类扩展Bootstrap样式。这样，您不会影响/覆盖特定类的所有元素。

.btn-special {
   background-color:#cc3333;
   color:#fff;
}

以下是演示：http://bootply.com/106060

Answer 2

编辑bootstrap的CSS可能会破坏引导程序。如果你了解样式表的特殊性和级联性，你可以在一个单独的样式表中创建自己的样式来覆盖bootstrap的CSS。