Scribd Logo
Upload

Welcome to Scribd!

  • Bootstrap Navbar Handson

    Uploaded by

    Debarshi Roy
    13 views1 page
    This document defines the code for a navigation bar with a brand name, toggle button, links, and search form. It links to external Bootstrap and jQuery files to style and add interactivity to the navbar. The navbar contains a brand name, toggle button to open a collapsed menu on small screens, links on the right side, and a search form.

    Original Description:

    Bootstrap Navbar Handson

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document defines the code for a navigation bar with a brand name, toggle button, links, and search form. It links to external Bootstrap and jQuery files to style and add interactivity to the navbar. The navbar contains a brand name, toggle button to open a collapsed menu on small screens, links on the right side, and a search form.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    13 views1 page

    Bootstrap Navbar Handson

    Uploaded by

    Debarshi Roy
    This document defines the code for a navigation bar with a brand name, toggle button, links, and search form. It links to external Bootstrap and jQuery files to style and add interactivity to the navbar. The navbar contains a brand name, toggle button to open a collapsed menu on small screens, links on the right side, and a search form.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    <!

    DOCTYPE html>
    <html>
    <head>
      <title>Grab it!!!!</title>
      <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="./css/mystyle.css" rel="stylesheet" type="text/css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/
    jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/
    bootstrap.min.js"></script>
    </head>
    <body>
       <nav>

    <a class="navbar-brand">Navbar</a>

    <button data-target="#navbarCollapse"></button>

    <ul class="nav navbar-nav navbar-right"></ul>

    <div id="navbarCollapse">

    <form action="" class="navbar-form navbar-right">

    <span class="glyphicon glyphicon-search"></span>

    </form>

    </div>

    </nav>
      
    </body>
    </html>

    You might also like