Dropdown Bootstrap

Bootstrap

Bootstrap adalah HTML, CSS, dan JavaScript kerangka paling populer untuk mengembangkan responsif, situs web mobile-pertama. biasana untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang websie maupun pengembang sebuah halaman web.

Bootstrap adalah gratis untuk men-download dan menggunakan! anda bisa menggunakan bootstrap yang online atau anda bisa download bootstrap disini untuk offline nya.

NOTICE : JANGAN COPAS CODING BIAR GREGET + VAROKAH

Dropdown itu menu pilihan yang muncul di bawah item ketika pengguna komputer mengklik itu, Bingung langsung ke praktek.

script :

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  </head>

  <body>
    <div class="container">
      <h2>Dropdowns</h2>
      <div class="dropdown">
        <button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">Tutorials
        <span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">HTML</a></li>
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">CSS</a></li>
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">JavaScript</a></li>
          <li role="presentation" class="divider"></li>
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Tentang</a></li>
        </ul>
      </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  </body>
</html>

ini SS-nya keren bukan 



terima kasih telah membaca artikel ini, berlanjut pada posting selanjutnya terima kasih :D
Previous
Next Post »