Q. Create a basic navbar with dropdown and searchbar, it also should be responsive.
use class "navbar-brand" for brand name
-use id "navbarCollapse" for div which contains all the elements in navbar
-use glyphicons for search button
-dropdown should have atleast three options
-use id "navbarCollapse" for div which contains all the elements in navbar
-use glyphicons for search button
-dropdown should have atleast three options
Steps to hands-on:
1. install the required packages by clicking the install button
2. Write the code
3. run the application and test it
Ans:
Note: First install the requirements by clicking install button and then run it so server will run and the run the tests.
Code:
<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>
No comments:
Post a Comment
If you have any doubts, Please let us know.