问题描述
我没有触及核心的启动文件 - 在我自己的CSS我有以下:
#menu-bar div {
border-color:#0072A6;
background-color:#0072A6;
margin:0;
}
#menu-bar .navbar {
border-color:#0072A6;
background-color:#0072A6;
margin:0;
}
#menu-bar .navbar-inner {
border-color:#0072A6;
background-color:#0072A6;
margin:0;
height:200px;
}
#menu-bar p,#menu-bar a {
color:white;
}
#menu-bar .active a {
color:white;
background-color:#0072A6;
}
这让我想要屏幕> 1024像素宽,响应引导css会导致这个黑色边框包裹较小屏幕的菜单:
有人知道我该如何移除吗?我在这里做了一个小提琴,包括引导,使其更容易玩:
我也想弄清楚如何自定义按钮颜色如果任何人的感觉超级慷ous与他们的时间。
.navbar-inverse .btn-navbar
按钮颜色。
.navbar-inverse .navbar-inner
是什么定义黑色边框。
I haven't touched the core bootstrap files - in my own CSS I have the following:
#menu-bar div {
border-color: #0072A6;
background-color: #0072A6;
margin: 0;
}
#menu-bar .navbar {
border-color: #0072A6;
background-color: #0072A6;
margin: 0;
}
#menu-bar .navbar-inner {
border-color: #0072A6;
background-color: #0072A6;
margin: 0;
height: 200px;
}
#menu-bar p, #menu-bar a {
color: white;
}
#menu-bar .active a {
color: white;
background-color: #0072A6;
}
This has gotten me where I want for screens > 1024px wide, however something in the responsive bootstrap css is causing this black border to wrap the menu for smaller screens:
Does anyone know how I can remove this? I've made a fiddle of it here including bootstrap to make it easier to play with:
I'm also trying to figure out how to customize that button color in case anyone's feeling super generous with their time.
.navbar-inverse .btn-navbar
is what defines your button color.
.navbar-inverse .navbar-inner
is what defines the black border.
这篇关于自定义引导程序的navbar的颜色?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!