css - Bootstrap 轮播仅显示幻灯片的一部分

Question

你们能在移动分辨率下看到这个网址吗:http://build-net.co.il/or-bayaar/tut/

Carousel Slider 只显示图像的一部分，就像他裁剪它一样，它没有响应？我该如何解决？

Answer 1

尝试将此代码用于您的轮播:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<div class="container-fluid">
  <div class="row">
    <div id="carousel" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="http://www.irisbarnea.co.il/wp-content/uploads/2016/01/slide1.jpg" class="img-responsive">
        </div>
        <div class="item">
          <img src="http://www.irisbarnea.co.il/wp-content/uploads/2016/01/slide2.jpg" class="img-responsive">
        </div>
      </div>
    </div>
  </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>