Responsive Blogger Template Tutorial 1-Navbar

OK...lets continue the next step of our lesson todat
= = = Responsive Blogger Template Tutorial 1-Navbar = = =

Put the CSS Code above "]]></b:skin>"

CSS Code :

After that put the HTML code below the <body> tag

HTML Code :

<nav class='navbar navbar-inverse navbar-fixed-top'>
  <div class='container-fluid'>
    <div class='navbar-header'>
      <button class='navbar-toggle' data-target='#myNavbar' data-toggle='collapse' type='button'>
        <span class='icon-bar'/>
        <span class='icon-bar'/>
        <span class='icon-bar'/>                        
      </button>
      <a class='navbar-brand' href='http://inafissultra.blogspot.co.id/'>Bloggerstrap</a>
    </div>
<div class='collapse navbar-collapse' id='myNavbar'>
      <ul class='nav navbar-nav'>
<li class='active'><a href='http://bloggestrap.blogspot.co.id/'>Home</a></li>
<li class='dropdown'>
          <a class='dropdown-toggle' data-toggle='dropdown' href='#'>Page 1 <span class='caret'/></a>
          <ul class='dropdown-menu'>
<li><a href='#'>Page 1-1</a></li>
<li><a href='#'>Page 1-2</a></li>
<li><a href='#'>Page 1-3</a></li>
</ul>
</li>
<li><a href='http://inafissultra.blogspot.co.id/search/label/test'>Page 2</a></li>
<li><a href='#'>Page 3</a></li>
</ul>
</div>
</div>

Responsive Blogger Template Tutorial 1-Navbar

Thursday, June 9, 2016

No comments:

Post a Comment