文档里面查不到,谷歌也搜索到...能不能用某个class去除 Bootstrap 的圆角效果?
主要是导航条部分,不加.fixed-top就会有个圆角,好难看,能不能去掉啊
Bootstrap 是用 Less写的,默认有很多可以定制的地方
可以自己修改variable.less 里面的 @baseBorderRadius, @borderRadiusLarge, @borderRadiusSmall
也可以在这里定制: http://twitter.github.io/bootstrap/customize.html
不过这样的效果是全局的。
你用 firebug 查看会发现有下面这么一段移除圆角的代码。如果你移除了 .navbar-fixed-top 自然下面这段就失效了。你可以写个 class 属性和下面的一样进行替换
.navbar-fixed-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
border-radius 设置成 0 就可以了