devstory

Le Tutoriel de Bootstrap Jumbotron

  1. Bootstrap Jumbotron

1. Bootstrap Jumbotron

Jumbotron est un composant de l'interface dans Bootstrap. Il est utilisé pour créer une zone affichant le contenu le plus important de la page. Cela aide à attirer l'attention des utilisateurs.
Bootstrap Jumbotron
<div class="jumbotron">
   <h1>Bootstrap Tutorials</h1>
   <p>
      Bootstrap is a free, open-source and is the most popular HTML, CSS,
      and JavaScript framework developed by twitter for creating
      responsive web applications.
   </p>
   <p>
      <a class="btn btn-lg btn-primary" href="#">
      Get started
      </a>
   </p>
</div>
Voir l'exemple complet :
jumbotron-example.html
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Bootstrap Jumbotron</title>
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
   </head>
   <body>
      <div class="container">
         <h4>o7planning</h4>

         <div class="jumbotron">
            <h1>Bootstrap Tutorials</h1>
            <p>
               Bootstrap is a free, open-source and is the most popular HTML, CSS,
               and JavaScript framework developed by twitter for creating
               responsive web applications.
            </p>
            <p>
               <a class="btn btn-lg btn-primary" href="#">
               Get started
               </a>
            </p>
         </div>

      </div>
      <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
      <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
   </body>
</html>

Tutoriels de programmation Bootstrap

Show More

Articles les plus récents

Show More