menu navbar

<!--start navbar-->
<style>
body .navbar {
    height: auto !important;
    padding: 0;
    margin-bottom: 1px;
    background: #3691CE;
}
.navbar-collapse {
     padding-right: 0px !important;
     padding-left: 0px !important;
}
.navbar-nav ,.navbar-nav .dropdown-menu {
    margin-left: 0px !important;
    padding: 0 !important;
}
body .navbar li{
padding:0px;
}
.navbar a,.navbar a:hover,.navbar li a,.navbar li a:link,.navbar li a:visited ,.navbar-brand,.navbar-brand a:link,.navbar-header .navbar-brand  a:visited,.navbar-nav>li>a{
    margin-bottom:0;
text-decoration: none;
 margin-top:0;
color: #ffffff !important;
}
.navbar-toggle .icon-bar{
    background: #271E1E;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
     background-color: #337ab7;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #337ab7 !important;
    border-color: #337ab7;
}
.dropdown-menu {
    background-color: #2e6da4;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background-color: #337ab7 !important;
 
    background-image: -webkit-linear-gradient(top,#2e6da4 0,#337ab7 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#2e6da4),to(#337ab7));
    background-image: linear-gradient(to bottom,#2e6da4 0,#337ab7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}
</style>
<!--start navbar-->
<nav class='navbar xanh'>
  <div class='container-fluid'>
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class='navbar-header'>
      <button aria-expanded='false' class='navbar-toggle collapsed' data-target='#bs-example-navbar-collapse-1' data-toggle='collapse' type='button'>
        <span class='sr-only'>Toggle navigation</span>
        <span class='icon-bar'></span>
        <span class='icon-bar'></span>
<span class='icon-bar'></span>

      </button>


      <a class='navbar-brand' href='https://blogseocanban.blogspot.com/'>Trang chủ</a>




    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'>
      <ul class='nav navbar-nav'>


        <li class='active'><a href='https://blogseocanban.blogspot.com/search/label/blogspot'>Blogspot <span class='sr-only'>(current)</span></a></li>

        <li><a href='https://blogseocanban.blogspot.com/search/label/seo%20c%C4%83n%20b%E1%BA%A3n'>Kiến thức SEO</a></li>

        <li class='dropdown'>
          <a aria-expanded='false' aria-haspopup='true' class='dropdown-toggle' data-toggle='dropdown' href='#' role='button'>Dropdown <span class='caret'/></span></a>
          <ul class='dropdown-menu'>
            <li><a href='#'>Action</a></li>
            <li><a href='#'>Another action</a></li>
            <li><a href='#'>Something else here</a></li>
            <li class='divider' role='separator'/>
            <li><a href='#'>Separated link</a></li>
            <li class='divider' role='separator'/>
            <li><a href='#'>One more separated link</a></li>
          </li></li></ul>
        </li>
      </ul>
   
   
     
   
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
<!--end navbar-->