title: MVC C# Carousel Image
body: <p>i have been trying to create a carousel image on my MVC application. The below snippet from W3 was just used as an example. The result was the images displayed ont he webpage one below eachother. Do i need to do anything else on the MVC application to resolve this?</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div id="myCarousel" class="carousel slide" data-ride="carousel"&gt;
          &lt;!-- Indicators --&gt;
          &lt;ol class="carousel-indicators"&gt;
              &lt;li data-target="#myCarousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
              &lt;li data-target="#myCarousel" data-slide-to="1"&gt;&lt;/li&gt;
              &lt;li data-target="#myCarousel" data-slide-to="2"&gt;&lt;/li&gt;
          &lt;/ol&gt;
  
          &lt;!-- Wrapper for slides --&gt;
          &lt;div class="carousel-inner"&gt;
              &lt;div class="item active"&gt;
                  &lt;img src="https://www.w3schools.com/bootstrap/ny.jpg" alt="Los Angeles" style="width:100%;"&gt;
              &lt;/div&gt;
  
              &lt;div class="item"&gt;
                  &lt;img src="https://www.w3schools.com/bootstrap/chicago.jpg" alt="Chicago" style="width:100%;"&gt;
              &lt;/div&gt;
  
              &lt;div class="item"&gt;
                  &lt;img src="https://www.w3schools.com/bootstrap/newyork.jpg" alt="New york" style="width:100%;"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;!-- Left and right controls --&gt;
          &lt;a class="left carousel-control" href="#myCarousel" data-slide="prev"&gt;
              &lt;span class="glyphicon glyphicon-chevron-left"&gt;&lt;/span&gt;
              &lt;span class="sr-only"&gt;Previous&lt;/span&gt;
          &lt;/a&gt;
          &lt;a class="right carousel-control" href="#myCarousel" data-slide="next"&gt;
              &lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;
              &lt;span class="sr-only"&gt;Next&lt;/span&gt;
          &lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>