title: Bootstrap table header to stay fixed under navbar while I scroll
body: <p>I have a table of data and a navbar at the top of the page, I'd like the table header to scroll down with the navbar so that users can see the header fields such as "professor" and "gpa" while looking at the data.</p>
  
  <p><img src="https://i.gyazo.com/5927443ec8e60f19d00e205cca74c9fd.png" alt="1"></p>
  
  <p><img src="https://i.gyazo.com/a24cc10bab23dce97df8f3e35a89ad74.png" alt="2"></p>
  
  <p>This is my HTML:</p>
  
  <pre><code>    &lt;!DOCTYPE html&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;VT Grade Distribution: Powered by Keller Han&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="bootstrap.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="styles.css"&gt;
      &lt;link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet"&gt;
  
      &lt;!-- Optional Bootstrap theme --&gt;
      &lt;link rel="stylesheet" href="bootstrap-theme.min.css"&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
      &lt;nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse"&gt;
        &lt;button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"&gt;
          &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
        &lt;/button&gt;
        &lt;a href="index.html" class="navbar-left"&gt;&lt;img src="logo.png" style="max-width:80px; margin-top: -15px; margin-right: 10px"&gt;&lt;/a&gt;
        &lt;div class="collapse navbar-collapse" id="navbarCollapse"&gt;
          &lt;ul class="navbar-nav mr-auto"&gt;
            &lt;li class="nav-item"&gt;
              &lt;a class="nav-link" href="stats.html"&gt;Home&lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="nav-item dropdown"&gt;
              &lt;a class="nav-link dropdown-toggle" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;Courses&lt;/a&gt;
              &lt;div class="dropdown-menu" aria-labelledby="dropdown01"&gt;
                  &lt;a class="dropdown-item" href="acis.html"&gt;Accounting and Information Systems&lt;/a&gt;
                &lt;a class="dropdown-item" href="aero.html"&gt;Aerospace Engineering&lt;/a&gt;
                  &lt;a class="dropdown-item" href="bit.html"&gt;Business Information Technology&lt;/a&gt;
                &lt;a class="dropdown-item" href="cs.html"&gt;Computer Science&lt;/a&gt;
                &lt;a class="dropdown-item" href="ece.html"&gt;Electrical and Computer Engineering&lt;/a&gt;
                  &lt;a class="dropdown-item" href="finance.html"&gt;Finance&lt;/a&gt;
                  &lt;a class="dropdown-item" href="math.html"&gt;Math&lt;/a&gt;
              &lt;/div&gt;
            &lt;/li&gt;
            &lt;li class="nav-item"&gt;
              &lt;a class="nav-link" href="contact.html"&gt;Contact&lt;/a&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/nav&gt;
  
      &lt;table class="table table1 table-bordered table-hover"&gt;
    &lt;thead&gt;
          &lt;meta name="viewport" content="width=device-width, initial-      scale=1"&gt;
          &lt;h1 class = "text-center display-k"&gt;Computer Science&lt;/h1&gt;
        &lt;/thead&gt;
          &lt;tbody&gt;
          &lt;tr&gt;
        &lt;th&gt;Course ID&lt;/th&gt;
        &lt;th&gt;Title&lt;/th&gt;
        &lt;th&gt;Professor&lt;/th&gt;
        &lt;th&gt;GPA&lt;/th&gt;
        &lt;th&gt;A%&lt;/th&gt;
        &lt;th&gt;B%&lt;/th&gt;
        &lt;th&gt;C%&lt;/th&gt;
        &lt;th&gt;D%&lt;/th&gt;
        &lt;th&gt;F%&lt;/th&gt;
        &lt;th&gt;Withdrawals&lt;/th&gt;
        &lt;th&gt;# of Classes&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;th rowspan="2" valign="top"&gt;1014&lt;/th&gt;
        &lt;th rowspan="2" valign="top"&gt;Intro Computational Thinking&lt;/th&gt;
        &lt;th&gt;Bart&lt;/th&gt;
        &lt;td&gt;3.50&lt;/td&gt;
        &lt;td&gt;68.90&lt;/td&gt;
        &lt;td&gt;20.80&lt;/td&gt;
        &lt;td&gt;9.20&lt;/td&gt;
        &lt;td&gt;0.00&lt;/td&gt;
        &lt;td&gt;1.10&lt;/td&gt;
        &lt;td&gt;0&lt;/td&gt;
        &lt;td&gt;2&lt;/td&gt;
      &lt;/tr&gt;
  </code></pre>
  
  <p>Anyone have ideas on what I can do? If anything needs to be clarified let me know.</p>