Menu et bootstrap

Fermé

yop - Modifié par yop le 21/01/2015 à 22:01
Terdef Messages postés 985 Date d'inscription mardi 20 mai 2003 Statut Contributeur sécurité Dernière intervention 5 août 2020 - 22 janv. 2015 à 00:17

Bonjour à tous!

Je commence un peu à tester des bouts de code bootstrap pour essayer de comprendre.

Là je teste un menu qu'il, semble t'il, fonctionne sur le site où je l'ai pris, mais pas chez moi

Quand je réduis ma page, il ne s'adapte pas du tout...

En gros je tourne en rond sur la toile et j'ai vraiment besoin de votre aide

Voici le code :

<!DOCTYPE html>
<html lang="fr"> 
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="boot2.css" />
<link href="css/bootstrap.css" rel="stylesheet"> 
 
<title>TEST2 BOOSTRAP</title>
</head>

<body>


<header>
<div class="container">
<div class="row">
<section class="col-xs-12 col-sm-9 col-md-9 col-lg-3 col-lg-offset-2" id="header_gauche">

     <p>COMPOSITION</p>
     <p>Free PSD Webside template</p>
</section>

<section class="col-xs-12 col-sm-9 col-md-9 col-lg-6 col-lg-offset-1">

<nav class="navbar navbar-default" role="navigation">
   <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" 
         data-target="#example-navbar-collapse">
         <span class="sr-only">Toggle navigation</span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"></a>
   </div>
   <div class="collapse navbar-collapse" id="example-navbar-collapse">
      <ul class="nav navbar-nav">
         <li style="padding-left:30px;"><a href="#">Style demo</a></li>
         <li><a href="#">Full width</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="#">Test</a></li>
               <li><a href="#">Test</a></li>
               <li><a href="#">Test</a></li>
               
            </ul>
         </li>
         <li><a href="#">Link Text</a></li>
      </ul>
   </div>
</nav>
</section>
</div>
</div>
</header>

<script src="js/jquery-1.11.2.min.js"></script> 
<script src="js/bootstrap.min.js"></script>
</body>
</html>

Merci ;)

A voir également:

Menu et bootstrap
Menu déroulant excel - Guide
Windows 11 menu démarrer classique - Guide
Réinitialiser menu démarrer windows 10 - Guide
Canon quick menu - Télécharger - Utilitaires
Windows 11 menu contextuel classique - Guide

1 réponse

Réponse 1 / 1

Terdef Messages postés 985 Date d'inscription mardi 20 mai 2003 Statut Contributeur sécurité Dernière intervention 5 août 2020 133
Modifié par irongege le 7/07/2015 à 16:02

Bonjour,

Vous avez recopié les deux css à la racine de votre site ?
boot2.css
css/bootstrap.css

Cordialement

Pierre (aka Terdef)

Discussions similaires

menu caché

Déblocage du mode hôtel Philips 20HF5234/10

les entrées et les sortées

Mon PC marque press the esc key for startup menu