logo blog
Selamat Datang Di Blog Files Parwito
Terima kasih atas kunjungan Anda di blog Kompi MalesFiles Parwito,
semoga apa yang saya share di sini bisa bermanfaat dan memberikan motivasi pada kita semua
untuk terus berkarya dan berbuat sesuatu yang bisa berguna untuk orang banyak.

Cara Membuat Menu Navbar Responsive Dengan Bootstrap

Menu Navbar Responsive yaitu menu navbar yang bisa menyesuaikan diri dengan ukuran halaman web browser. Saat kondisi maksimize menu itu akan tampil semua, namun saat dalam kondisi dikecilkan maka menu itu akan menyesuaikan diri menjadi menu list. Sebagai contoh buka saja alamat http://twitter.github.com/bootstrap/

Contoh Gambar hasil dari Navbar nya :


Cara Membuat Menu Navbar Responsive Dengan Bootstrap
Script Membuat Menu Navbar Responsive Dengan Bootstrap
<!--Navbar Start @autor : Parwito-->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
              <a class="btn btn-navbar" data-toggle="collapse" data-target=".subnav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
              </a>
              <a class="brand" href="#">Coba1 Themes</a>
            <div class="nav-collapse subnav-collapse">
                    <ul class="nav">
                      <li class="active"><a href="#">Home</a></li>
                      <li><a href="#">Link</a></li>
                      <li><a href="#">Link</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="#">Action</a></li>
                          <li><a href="#">Another action</a></li>
                          <li><a href="#">Something else here</a></li>
                          <li class="divider"></li>
                          <li class="nav-header">Nav header</li>
                          <li><a href="#">Separated link</a></li>
                          <li><a href="#">One more separated link</a></li>
                        </ul>
                      </li>
                    </ul>
                       <form class="navbar-search pull-left" action="">
                       <input class="search-query span2" placeholder="Search" type="text">
                       </form>
          </div><!-- /.nav-collapse -->
        </div>
      </div>
    </div>
<!--Navbar end-->
Enter your email address to get update from Files Parwito.
Print PDF
Next
« Prev Post
Previous
Next Post »

3 comments

dropdown nya kok gak jalan gan ? :/

Balas

Program Affiliasi memberikan sebuah kesempatan dan Peluang Bisnis untuk
memperoleh Uang dari Internet. Anda akan mendapatkan komisi atas jasa Anda
menghasilkan Sales, action, atau klik yang membawa visitor ke website merchant.
Buruan Daftar Di http://goo.gl/G91cLx
Program ini anda akan mendapatkan kelebihan2 di bawah ini di bandingkan dengan
Bisnis-bisnis online lainnya :
Buruan Daftar Di http://goo.gl/G91cLx
1. Bayaran paling tinggi di Indonesia (Rp. 10.000/referal)
2. Payment via bank lokal
3. Tanpa harus Upgrade keanggotaan
4. Payment otomatis setiap awal bulan
5. Sistem perhitungan hasil komisi yang jelas
6. 100% terbukti membayar
7. Tidak ada batas Max atau Minimum Payment
Gak perlu ragu gabung di bisnis ini,
Saya berani Jamin 100% ANDA AKAN RUGI jika tidak bergabung di sini,.
Ini Bukti Komisi Pembayaran Untuk Member
http://www.imageporter.com/fjinnb3i7yho/BUKTI_PEMBAYARAN.jpg.html
Buruan Daftar Di http://goo.gl/G91cLx

Balas

Dropdownnya gabisa gan

Balas

Copyright © 2013. [files-parwito] - All Rights Reserved | Template Created by Kompi Ajaib Proudly powered by Blogger