title: Linking to a certain bootstrap carousel slide from another page
body: <p>I have two .html pages: page1.html and page2.html</p>
  
  <p>In page1.html I have a carousel</p>
  
  <pre><code>&lt;!-- First --&gt;
          &lt;div class="item"&gt;
              &lt;div class="container-fluid"&gt;
                  &lt;div class="row"&gt;
                      &lt;h2 class="carousel-text"&gt;Item 1&lt;/h2&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  &lt;!-- Second --&gt;
          &lt;div class="item"&gt;
              &lt;div class="container-fluid"&gt;
                  &lt;div class="row"&gt;
                      &lt;h2 class="carousel-text"&gt;Item 2&lt;/h2&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
    &lt;!-- Third --&gt;
          &lt;div class="item"&gt;
              &lt;div class="container-fluid"&gt;
                  &lt;div class="row"&gt;
                      &lt;h2 class="carousel-text"&gt;Item 3&lt;/h2&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>(That is the most important part)</p>
  
  <p>In page2.html I have a link:</p>
  
  <pre><code>&lt;a href="page1.html"&gt;Click me to go to page 3!&lt;/a&gt;
  </code></pre>
  
  <p>What do I add to the link and my carousel to make it so this all works as it should? I found <a href="https://stackoverflow.com/a/23913377/5609876">this</a> answer but do not understand how to implement it.  </p>