Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia galera
Estou com uma duvida com relação ao dropdown do bootstrap queria que em vez do sub menu aparecer quando clica-se eu quero que ele apareça quando eu passar o mouse em cima do link principal, tambêm quero que o fundo do submenu seja da mesma cor que navbar
Não funcionou olha meu css:
<head runat="server">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>AudioplanSP</title>
<link href="Content/bootstrap.css" rel="stylesheet" />
<style>
#comments header {
width: 100%;
padding: 0;
}
#header {
background: #ecf0f1;
}
#header span.nome-site {
height: 0;
margin: 0;
padding: 0;
visibility: hidden;
}
#header .navbar {
border: 0;
border-radius: 0;
margin-bottom: 0;
}
.logo{
float:left;
display:block;
background-color:#FFF;
position:relative
}
/* navbar */
.navbar-default {
background-color: #139D26;
border-color: #E7E7E7;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #139D26;
}
/* link */
.navbar-default .navbar-nav > li > a {
color: #FFF;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333;
text-decoration:underline;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #fff;
background-color: #808080;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #139D26;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
border-top-color: #FFF;
border-bottom-color: #FFF;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
border-top-color: #fff;
border-bottom-color: #fff;
background-color:#139D26;
}
/* mobile version */
.navbar-default .navbar-toggle {
border-color: #fff;
background-color:#139D26;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #fff;
background-color:#139D26;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #139D26;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #139D26;
}
}
section {
padding:10px 10px;
display:block;
height:470px;
}
.wrapper {
background-color: #f5f5f5;
position: absolute;
top: 10%;
right: 50%;
transform: translate(50%, 20%);
width:60%;
height:300px;
}
footer {
display: block;
background-color: #139D26;
color:#fff;
text-align:center
}
</style>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>Dá uma olhada nesse artigo.
https://presstencao.wordpress.com/2013/11/22/bootstrap-3-0-personalizando-bootstrap/
Consegui coloquei essa linha no meu css funcionou:
.navbar-default .navbar-nav > .dropdown > ul > li > a:focus,
.navbar-default .navbar-nav > .dropdown > ul > li > a:hover
{
background-color: #139D26;
text-decoration:underline
}
Agora queria saber se da tem como aparecer o item do droupdown quando passarmos o mouse por cima e não ao clicar no no item?
Rapadura blz consegui você me ajudou vou vou guardar esse site que me passou
Já tentou usar um :hover na classe ou na tag em si?
E quanto ao sub menu
nav li ul{