score:1

<div class="navbar">
  <a href="#home">Home</a>
  <a href="#news">News</a>
  <div class="dropdown">
    <button class="dropbtn">Dropdown 
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">   
      <div class="row">
        <div class="col-md-2">
          <a href="#">Link 1</a>
        </div>
        <div class="col-md-2">
          <a href="#">Link 1</a>
        </div>
        <div class="col-md-2">
          <a href="#">Link 1</a>
        </div>
        <div class="col-md-2">
          <a href="#">Link 1</a>
        </div>
        <div class="col-md-2">
          <a href="#">Link 1</a>
        </div>
        <div class="col-md-2">
          <a href="#">Link 1</a>
        </div>
      </div>
    </div>
  </div> 
</div>

<div style="padding:16px">
  <h3>Responsive Mega Menu (Full-width dropdown in navbar)</h3>
</div>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

Related Query

More Query from same tag