• Bienvenue à tous sur HackandModz !
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.
Rejeter la notice
Visiteur,
Bienvenue sur Hack & Modz

Tutoriel Boostrap - Navigation Login - Sign Up

Discussion dans 'HTML & CSS' créé par Weyzen, Août 30, 2016.

  1. Weyzen

    Weyzen Membre Banni

    8
    1
    33
    Hors Ligne
    Salut a tous

    Ont se retrouve sur un nouveaux Tutoriels Bootsrap Navigation - Sign Up - Login

    Ouvre votre Éditeur de texte

    Ouvre votre fichier ou crée un ficher

    Applique se code
    Code:
    <!DOCTYPE html>[/FONT][/SIZE][/CENTER]
    [SIZE=14px][FONT=Verdana][CENTER]<html lang="en">
    <head>
      <title>Bootstrap Case</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
    
    <nav class="navbar navbar-inverse">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">WebSiteName</a>
        </div>
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">Home</a></li>
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">Page 1-1</a></li>
              <li><a href="#">Page 1-2</a></li>
              <li><a href="#">Page 1-3</a></li>
            </ul>
          </li>
          <li><a href="#">Page 2</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
          <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
        </ul>
      </div>
    </nav>
    
    <div class="container">
      <h3>Right Aligned Navbar</h3>
      <p>The .navbar-right class is used to right-align navigation bar buttons.</p>
    </div>
    
    </body>
    </html>


    Résultat :

    [​IMG]

    Veuillez vous inscrire ou vous connecter pour voir le message.

     
  2. AnTr4X_

    AnTr4X_ Web Developer

    46
    2
    38
    Hors Ligne