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
Menu démarrer windows 11 - Guide
Canon quick menu - Télécharger - Utilitaires
Menu demarrer - Guide
Menu contextuel windows 11 - 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 132
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

les entrées et les sortées

mon ordi marque press the esc key for startup menu

Accéder au menu Advanced Bios PC portable HP

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

Discussions similaires

Newsletters