title: The same size of images in carousel slide
body: <p>I have a slider:<a href="http://sakura-city.info/test" rel="nofollow noreferrer">http://sakura-city.info/test</a></p>
  
  <p>The problem is that when changing images, the height of the slider changes, despite the fact that it is hard-coded in the tag.</p>
  
  <pre><code>   &lt;div id="myCarousel" class="carousel slide" data-interval="5000" data-ride="carousel"&gt;
                  &lt;!-- main slider carousel items --&gt;
                  &lt;div class="carousel-inner"&gt;
                      &lt;div class="active item" data-slide-number="0"&gt;
                        &lt;!--  &lt;a href="{{route('createGirlPage')}}"&gt; --&gt;
                              &lt;img  src="&lt;?php echo asset("public/images/anketa.jpeg")?&gt;" class="img-responsive"  height="200" width="200"  &gt;
                      &lt;!--    &lt;/a&gt; --&gt;
                      &lt;/div&gt;
  
                      @foreach($vip as $girl)
                          &lt;div class="item" data-slide-number="0"&gt;
                                                             &lt;img  src="&lt;?php echo asset("public/images/upload/$girl-&gt;main_image")?&gt;" class="img-responsive"  height="200" width="200"&gt;
  
                          &lt;/div&gt;
                      @endforeach
                  &lt;/div&gt;
                  &lt;!-- main slider carousel nav controls --&gt;
                  &lt;a class="carousel-control left" href="#myCarousel" data-slide="prev"&gt;
                      &lt;span class="icon-prev"&gt;&lt;/span&gt;
                  &lt;/a&gt;
  
                  &lt;a class="carousel-control right" href="#myCarousel" data-slide="next"&gt;
                      &lt;span class="icon-next"&gt;&lt;/span&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
  </code></pre>