• 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.

  • 335 1
    1. Weyzen

      Weyzen Membre Banni
      33/52

      8
      1
      33

      Membre non noté

      0/5,
      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. Google AdSense Publicités Publicités

  • AnTr4X_

    AnTr4X_ Web Developer
    38/52

    46
    2
    38

    Membre non noté

    0/5,
    Hors Ligne