La barre d'effacement bootstrap devient transparente lorsque la fenêtre est réduite
im d'avoir des problèmes avec mon bootstrap responsive arrière-plan.
comme on le voit ci-dessous, lors de ma fenêtre est réduite à simuler un mobile taille de l'écran, ma liste déroulante devient transparent.
barre de navigation http://i44.tinypic.com/rw49p4.png
c'est mon code, qui a été copié à partir de l'exemple d'amorçage de sites web, la seule modification que j'ai faite a été de la des liens.
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Dashboard</a></li>
<li><a href="#pages">Pages</a></li>
<li><a href="#extensions">Extensions</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<div class="navbar-right">
<p style="color:#fff;">some text</p>
</div>
</div><!--/.navbar-collapse -->
</div>
</div>
[MODIFIER]
j'ai cela dans mon en-tête
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
source d'informationauteur bobbyjones
Vous devez vous connecter pour publier un commentaire.
Ce qui se passe lorsque vous verrouillez la barre de navigation de la hauteur. Vérifier css et le changement:
dans cette:
Bonne chance.
J'ai eu le même problème, j'ai résolu le problème en ajoutant une propriété css
position: relative;
de la valeur liquidative div :est devenu dans:
Viens de tomber sur cette. Ajout d'un style d'arrière-plan à la
.navbar-collapse
élément...Devient
Cela semble résoudre le problème pour moi, espérons que cela vous aide!
Aucune des solutions ci-dessus a fonctionné pour moi. Mais quand j'ai donné mon
navbar
significativement plus élevé z-index commez-index: 9999;
la transparence disparu.vous devez ajouter un arrière-plan dans la barre de navigation li a, cet exemple de code css :
.navbar li a, .navbar .navbar-brand {
color: #fff !important;
background-color: #08A2FA;
line-height: 1.42857143 !important; /* this for line in desktop mode */
}
Eu le même problème
Vous pouvez être à côté de la couleur de fond de la .icon-bar.
J'avais mis de l'arrière-plan de la barre de navigation de blanc, de sorte que c'était mon problème.
Heureux de codage