• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Sql
  • php
  • C program
  • Seo

Codelack.com

  • Home
  • C++
  • networking
  • Sql server
    • what is rdbms | one to one | one to many | many to many relation-codlack
    • sql server create table
    • code rules in sql server
  • ASP.NET
    • control state in asp.net
    • cookie in asp.net
    • datalist control in asp .net
    • Using ASP.NET To Send Email
    • application state in asp.net
    • file upload control in asp.net
  • contact us
  • Data structure
    • what is Data structure
    • doubly linked list program in c
    • Array in data structure
    • circular queue in data structure
    • Linear data structure
    • Delete node at any position in singly linked list
    • dequeue in data structure
    • implementation of stack using a Linked list in data structure
    • implementation of stack using array in data structure
    • linked list algorithm
    • linked list in data structure
  • C
    • continue and break in c
    • history of c programming language
    • array program in c
    • c programming practice questions
    • enumeration in c
    • C programs with solutions
    • Characteristic of c
    • print 1 to 100 without using loop in c program
    • two single dimension 2D array in c
  • php
    • php
    • Variables in PHP
    • Scalar data types in php
    • Output function in php
    • how to use php string functions | example of string function
    • point to point configuration
    • error in php
    • Array in  php

Creating Navigation Bar using Bootstrap

August 26, 2019 by admin Leave a Comment

Creating Navigation Bar using Bootstrap

<!-- Example for  Navbar  -->
<html>
  <head>
		<!-- Import Section -->
		<link  href="bootstrap.min.css"  rel="stylesheet" />
		
		<!-- Script Files -->
		<script src="jquery.min.js"></script>
		<script src="popper.min.js"></script>
		<script src="bootstrap.min.js"></script>  
				
		<style>		
			#div2  img
			{			
			 width: 200px;
			 height: 140px;		
			 margin: 10px;		
			}
		</style> 
  </head> 
  <body>  
	<h3>Creating Navigation Bar using Bootstrap</h3>
	<hr/>		 
<div class="container"> 

 
<nav class="navbar  navbar-expand-sm  bg-dark navbar-dark">

	<!-- 1. Logo/Home Link -->
  <a class="navbar-brand" href="#">
	<img  src="home.png"  width="40"  height="40"  />
  </a>
  
    <!-- 2. Toggle button -->
  <button class="navbar-toggler" type="button" 	
				data-toggle="collapse" 
				data-target="#div1">
    <span class="navbar-toggler-icon"></span>
  </button>
  
    <!-- 3. NavBar  Actual Links -->
  <div class="collapse navbar-collapse" id="div1">  
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="#">Products</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">About Us</a>
      </li> 
	    <li class="nav-item">
        <a class="nav-link" href="#">Contact Us</a>
      </li>
	    <li class="nav-item">
        <a class="nav-link" href="#">Login</a>
      </li> 
    </ul>
  </div>  
</nav> 
</div>   	
	</body>	
</html>




<!-- 

  
    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
       Customers
      </a>
      <div class="dropdown-menu">
        <a class="dropdown-item" href="#">Login</a>
        <a class="dropdown-item" href="#">New Customer</a>
        <a class="dropdown-item" href="#">Update Details</a>
      </div>   
	</li>

 -->

Creating Navigation Bar using Bootstrap

<li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
       Customers
      </a>
      <div class="dropdown-menu">
        <a class="dropdown-item" href="#">Login</a>
        <a class="dropdown-item" href="#">New Customer</a>
        <a class="dropdown-item" href="#">Update Details</a>
      </div>   
	</li>

Filed Under: Uncategorized

privacy policy

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

sql

  • introduction of sql
  • database management system
  • hierarchical database management system
  • what is rdbms | one to one | one to many | many to many relation-codlack
  • codd rules in sql server
  • Character Data Type
  • constraint unique
  • sql server create table

data structure

  • Data structure
  • Linear data structure
  • Array in data structure
  • What is a algorithm
  • stacks in data structure
  • queue data structure
  • dequeue in data structure
  • Priority queue
  • circular queue in data structure
  • linked list algorithm
  • Delete node in singly linked list
  • tree in data structure
  • implementation of stack using array in data structure
  • implementation of stack using a Linked list in data structure
  • Doubly Linked List Implementation

C programming

  • history of c programming language
  • C programs with solutions
  • Characteristic
  • constraint unique
  • continue and break
  • doubly linked list program in c
  • dynamic memory allocation
  • enumeration
  • print 1 to 100 without using loop
  • Variable declaration

c++

  • Introduction to C++ | similarities of  C++ structure and  class
  • default argument in c++
  • access specifiers in c++
  • Function In C++
  • friend function in c++
  • constructor in c++
  • destructor in c++ | How to call destructor C++
  • exception handling in c++

Categories

array multiplication (1) asp.net (10) B.ed (1) C# (1) c# (1) C++ (2) C program (3) FormView control (1) php (2) Seo (5) Sql (1) Uncategorized (12)
disclaimer

Copyright © 2022 · codelack.com