Question

你们可以通过移动解决方案看到这个网址：http://build-net.co.il/or-bayaar/tut/

旋转木马滑块只显示一个部分，如果图像，就像他裁剪它，它没有响应？我该如何解决？

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>

Answer 2

对Gleb Kemarsky来说，我弄清楚问题是什么，

固定代码：

<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 style="background:url(http://www.irisbarnea.co.il/wp-content/uploads/2016/01/slide1.jpg) center center; background-size:cover;" class="slider-size"></div>-->
                        </div>
                        <div class="item">
                            <img src="http://www.irisbarnea.co.il/wp-content/uploads/2016/01/slide2.jpg" class="img-responsive">
                            <!-- <div style="background:url(http://www.irisbarnea.co.il/wp-content/uploads/2016/01/slide2.jpg) center center; background-size:cover;" class="slider-size"></div>-->
                        </div>
                  </div>
                </div>

Bootstrap carousel仅显示部分幻灯片

2 个答案: