body {
    text-align: center;
    background-color: lightblue;
}

h2 {


    color: red;
}

border-color :#ededed !important;



<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
      <div class="container-fluid">

        <div class="nav-collapse">
          <ul class="nav">
            <li class="dropdown">




        </div>
        <!-- /.nav-collapse -->
      </div>
  </div>
</div>


<ul class="nav nav-pills">
<li class="dropdown">
  <a href="#" data-toggle="dropdown" class="dropdown-toggle">Hemorrhoids Treatment Options <b class="caret"></b></a>
  <ul class="dropdown-menu" id="menu1">
    <li>
        <a href="#">Laser surgery options<i class="icon-arrow-right"></i></a>
        <ul class="dropdown-menu sub-menu">
            <li><a href="#"></a></li>
            <li><a href="#">Surgery aprooval</a></li>
                    <li role="separator" class="divider"></li>
            <li><a href="#" >Rubberband</a></li>
                                <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
                    <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
        </ul>
    </li>
      <li class="dropdown-header">Hemorrhoids Treatment Options</li>
        <li role="separator" class="divider"></li>
    <li><a href="#">Hemorrhoids Medicne</a></li>
        <li role="separator" class="divider"></li>
    <li><a href="#">Hemorrhoids Cures</a></li>
        <li role="separator" class="divider"></li>
    <li><a href="#">Hemorrhoids Reviews</a></li>

  </ul>
</li>

</ul





css
body {
    padding-top: 60px;
    padding-bottom: 40px;
}

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}