title: Bootstrap navbar dropdown not scrolling
body: <p>I am just starting off with bootstrap and have a problem that is probably an easy fix.  I found similar questions but they all pertained to mobile, and my issue is with a desktop.  It works fine on mobile.</p>
  
  <p>I have a navbar setup at the top of my page.  It contains a dropdown menu with a list of items inside of it.  Once this list becomes too long, the rest of it is cutoff and is unable to scroll.  </p>
  
  <p>I understand that submenus are no longer a part of bootstrap 3.0, and I don't want to use them.  I would just like the list to scroll no matter the number of items in it.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;title&gt;Website&lt;/title&gt;
  
      &lt;!-- Bootstrap --&gt;
      &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;link rel="stylesheet" href="css/lightbox.css"/&gt;
      &lt;link rel="stylesheet" href="css/font-awesome.css"/&gt;
      &lt;link rel="stylesheet" href="css/style.css"/&gt;
  
      &lt;!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
      &lt;script src="../../oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
      &lt;script src="../../oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;!-- NAVBAR --&gt;
  &lt;nav class="navbar navbar-fixed-top" id="main-navbar" role="navigation"&gt;
      &lt;div class="container"&gt;
          &lt;div class="navbar-header"&gt;
              &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-container"&gt;
                  &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                 &lt;i class="fa fa-bars fa-2x"&gt;&lt;/i&gt;
              &lt;/button&gt;
  
              &lt;a href="index.html" class="navbar-brand"&gt;Homepage&lt;/a&gt;
          &lt;/div&gt;
          &lt;!-- end navbar-header --&gt;
  
          &lt;div class="collapse navbar-collapse" id="navbar-collapse"&gt;
  
              &lt;ul class="nav navbar-nav navbar-right nav_color"&gt;
                  &lt;li class="dropdown"&gt;
                      &lt;a href="index.html#" class="dropdown-toggle" data-toggle="dropdown"&gt;2015 &lt;strong class="caret"&gt;&lt;/strong&gt;&lt;/a&gt;
                      &lt;ul class="dropdown-menu"&gt;
                          &lt;li&gt; &lt;a href="mokuleia.html"&gt;Page 1&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 2&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 3&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 4&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 5&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 6&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 7&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 8&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 9&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 10&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 11&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 12&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 13&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 14&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 15&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 16&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 17&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 18&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 19&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 20&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 21&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 21&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 22&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 23&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 24&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 25&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 26&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 27&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 28&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 29&lt;/a&gt; &lt;/li&gt;
                          &lt;li&gt; &lt;a href="index.html#"&gt;Page 30&lt;/a&gt; &lt;/li&gt;
  
                      &lt;/ul&gt;
                      &lt;!-- end dropdown-menu --&gt;
                  &lt;/li&gt;
  
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;!-- end collapse --&gt;
      &lt;/div&gt;
      &lt;!-- end container --&gt;
  &lt;/nav&gt; &lt;!--End navigation--&gt;
  
  
  
  &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
  &lt;script src="js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/lightbox.js"&gt;&lt;/script&gt;
  &lt;script src="js/script.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>