Bootstrap e-Book In Hindi

Navigation In Boootstrap :

Bootstrap का use कर Navigation Element को style दी जाती है इसके लिए bootstrap को .nav
class की बहुत सी sub class का use किया जाता  है इनकी सहायता से अलग – अलग प्रकार के Navigation Bar बनाए जाते है Bootstrap की Navigation से सम्बन्धित class निम्नलिखित है

 

.nav class :

इस class का use कर के simple Verticle Navigation बार बनाया जाता है इसका use html के <ol> या <ul> लिस्ट के साथ किया जाता है
इसका उदाहरण निम्नलिखित है

 

Example :

Run

<html>
<head>
      <meta http-equiv="X-UA-Compatible" content="IE-edge" />
      <meta name="viewport" content="width=device-width" />
      <title>Navigation Bar Example</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
      <link rel="stylesheet" href="css/style.css" />
</head>
<body>
    <ul class="nav">
   <li class="active"><a href="#">Home</a></li>
   <li><a href="#">About As</a></li>
   <li><a href="#">Contect Us</a></li>
   <li><a href="#">Histry</a></li>
   <li><a href="#">Help</a></li>
</ul> 
</body>
</html>

 

 

Prv Next


.

Deependra Singh Baghel Production