02.06.2015 Views

Bootstrap Tutorial

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Do not use .navbar-btn nor the standard button classes on elements within .navbar-nav.<br />

Following example demonstrates this:<br />

<br />

<br />

<strong>Tutorial</strong>sPoint<br />

<br />

<br />

<br />

<br />

<br />

<br />

Submit Button<br />

<br />

<br />

Navbar Button<br />

<br />

<br />

<br />

Text in navbar<br />

To wrap strings of text in an element use class .navbar-text. This is usually used with tag for proper leading<br />

and color. Following example demonstrates this:<br />

<br />

<br />

<strong>Tutorial</strong>sPoint<br />

<br />

<br />

Signed in as Thomas<br />

<br />

<br />

Non-nav links<br />

If you want to use standard links that are not within the regular navbar navigation component, then use<br />

class navbar-link to add the proper colors for the default and inverse navbar options as shown in the following<br />

example:<br />

<br />

<br />

<strong>Tutorial</strong>sPoint<br />

<br />

<br />

Signed in as<br />

Thomas<br />

TUTORIALS POINT<br />

Simply Easy Learning

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!