Bonjour,
Je suis en train de tester bootstrap from twitter et j'ai un petit soucis avec la navbar.
le problème est que le fichier bootstrap-responsive.css ne prend pas le dessus sur le css normale, donc lors du rétrécissement de la fenêtre les changements ne s'opèrent pas.
Voir le test ici
Et voici le code
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr-FR">
<head profile="http://gmpg.org/xfn/11">
<meta charset="UTF-8">
<title></title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="author" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="language" content="fr" />
<meta name="DC.title" content="" />
<meta name="geo.region" content="FR-2B" />
<meta name="geo.placename" content="Bastia" />
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link rel="shortcut icon" type="image/png" href="images/ico.ico" />
<link rel="stylesheet" href="css/bootstrap-responsive.css" />
<link rel="stylesheet" href="css/bootstrap.css" />
</head>
<body>
<div id="global_menu">
<div class="container">
<div class="navbar">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a href="#" title="#" class="brand span2"><img src="{Delimiter}" alt="{Delimiter2}"></a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="#" title="#">test1</a></li>
<li><a href="#" title="#">test1</a></li>
<li><a href="#" title="#">test1</a></li>
</ul>
</div>
</div>
</div>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
trainsrenton