怎么去除 Bootstrap 的圆角效果？

Question

文档里面查不到，谷歌也搜索到...能不能用某个class去除 Bootstrap 的圆角效果？
主要是导航条部分，不加.fixed-top就会有个圆角，好难看，能不能去掉啊

Answer 1

你用 firebug 查看会发现有下面这么一段移除圆角的代码。如果你移除了 .navbar-fixed-top 自然下面这段就失效了。你可以写个 class 属性和下面的一样进行替换

.navbar-fixed-top .navbar-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

Answer 2

Bootstrap 是用 Less写的，默认有很多可以定制的地方

可以自己修改variable.less 里面的 @baseBorderRadius, @borderRadiusLarge, @borderRadiusSmall

也可以在这里定制： http://twitter.github.io/bootstrap/customize.html

不过这样的效果是全局的。

Answer 3

border-radius 设置成 0 就可以了