Truyện Hoang Dung

How to add bootstrap files and how to show bootstrap navbar in blogger is easier one. Using bootstrap will reduce the time to work in css codes of blogger and provides a clean design also reduce complexities in coding.It just need the time to place the code correctly in blogger.

Steps

First download bootstrap3.0 files from getbootsrap.com

Upload the bootstrap files to a hosting site like open drive or drop box. These files are bootstrap.min.css,bootstrap.min.js and get direct link or streaming link.

jQuery is necessary for Bootstrap's JavaScript plugins which helps for dropdown in navbar.
<script src='http://code.jquery.com/jquery-1.10.1.min.js'/><script src='http://code.jquery.com/jquery-migrate-1.2.1.min.js'/>

Go to your blogger account>>Template>>Edit html and below <head> add code which is in step5

<meta content='width=device-width, initial-scale=1.0' name='viewport'/><link href=’your direct link or streaming link url (min.css’media='screen' rel='stylesheet'/><script src='http://code.jquery.com/jquery-1.10.1.min.js'/><script src='http://code.jquery.com/jquery-migrate-1.2.1.min.js'/><script src=’your direct link or streaming link url url(min.js) ‘/>

In between <body> ---- </body>, add code where you want.

<nav class="navbar navbar-default" role="navigation">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> Toggle navigation</button> <a class="navbar-brand" href="#">Brand</a>