title: Bootstrap Alignment (Cover Template)
body: <p>I am trying to align a list of books shown on <a href="https://i.stack.imgur.com/3lrmO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3lrmO.png" alt="this image" /></a> left without moving the <code>navigation bar/menu</code>. Below is my code. Can someone please advise what do I need to change in the following code to align the list left? I am using a <code>Bootstrap</code> template called &quot;Cover.&quot; Thanks in advance!</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
      &lt;div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column"&gt;
          &lt;header class="masthead"&gt;
              &lt;div class="inner"&gt;
                  &lt;nav class="nav nav-masthead justify-content-end"&gt;
                      &lt;a class="nav-link" href="#"&gt;Home&lt;/a&gt;
                      &lt;a class="nav-link active" href="#"&gt;Reading list&lt;/a&gt;
                      &lt;a class="nav-link" href="#"&gt;Meetings&lt;/a&gt;
                      &lt;a class="nav-link" href="#"&gt;Book summaries&lt;/a&gt;
                  &lt;/nav&gt;
              &lt;/div&gt;
          &lt;/header&gt;
          &lt;div&gt;
              &lt;h3&gt;2021&lt;/h3&gt;&lt;br&gt;
              &lt;h4&gt;March&lt;/h4&gt;
              &lt;p&gt;&lt;cite&gt;The Laws of Human Nature&lt;/cite&gt; by Robert Greene
                  &lt;br&gt;&lt;cite&gt;The Innovators: How a Group of Hackers, Geniuses and Geeks Created the Digital
                      Revolution&lt;/cite&gt; by Walter Isaacson
              &lt;/p&gt;
              &lt;hr&gt;
              &lt;h4&gt;February&lt;/h4&gt;
              &lt;p&gt;&lt;cite&gt;The Upstarts: How Uber, Airbnb, and the Killer Companies of the New Silicon Valley Are Changing the
                      World&lt;/cite&gt; by Brad Stone
                  &lt;br&gt;&lt;cite&gt;The Raw Youth&lt;/cite&gt; by Fyodor Dostoyevsky
              &lt;/p&gt;
              &lt;hr&gt;
              &lt;h4&gt;January&lt;/h4&gt;
              &lt;p&gt;&lt;cite&gt;The Minto Pyramid Principle: Logic in Writing, Thinking, &amp; Problem Solving&lt;/cite&gt; by Barbara Minto
              &lt;/p&gt;
          &lt;/div&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>