title: change the Shape of drop down menu in bootstrap navbar
body: <p>I want to style the drop down menu  of bootstrap navbar as in the following image , but the  upper anchor ( i have put a blue circle around it in the uploaded picture) not appears . What i should add to my css  to draw it ?</p>
  
  <p>Please help me<br>
  <a href="https://i.stack.imgur.com/jUBtW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jUBtW.png" alt="enter image description here"></a></p>
  
  <p><strong>my Css</strong></p>
  
  <pre><code>li.dropdown:hover &gt; .dropdown-menu {
  display: block;
  }
  .dropdown {
  position:relative;
  }
  
  .dropdown&gt;.dropdown-menu {
   -webkit-border-radius:0 6px 6px 6px;
   -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
    border-color:red;
  
          }
  
  .dropdown:hover&gt;.dropdown-menu {
              display:block;
          }
  </code></pre>