Javascript 引导转盘不'；t在移动视图上正确显示，并在屏幕上留下巨大的空白

这是我在这个网站上的第一个问题， 我做了一个简单的网站与引导转盘。结果在桌面视图上看起来不错，但当我调整大小/使用移动电话视图时，旋转木马从屏幕上移开，看起来像这样

我一直在尝试做任何事情，比如把旋转木马变成一个全屏旋转木马，调整页脚高度，但它根本没有解决我的问题
这是我的旋转木马的代码

    <!-- /// START SLIDER SECTION /// -->   
<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li class="active" data-target="#myCarousel" data-slide-to="2"></li>
  </ol>

 <!-- Wrapper for slides -->
  <div class="carousel-inner">
<div class="item active">
  <img src="img/main-image.jpg" class="img-responsive center-block" style="max-width:1366px"  alt="...">
  <div class="carousel-caption">
    Text for slider 1
  </div>
</div>

<div class="item">
  <img src="img/main-image2.jpg" class="img-responsive center-block" style="max-width:1366px"  alt="...">
  <div class="carousel-caption">
  Text for slider 2
  </div>
</div>

<div class="item">
  <img src="img/main-image3.jpg" class="img-responsive center-block" style="max-width:1366px"  alt="...">
  <div class="carousel-caption">
  Text for slider 3
  </div>
</div>
</div>

滑块1的文本
滑块2的文本
滑块3的文本

---

感谢您的帮助。

此[链接]（）可能重复[此处]（）@谢谢。现在成功了！我错过了那一次，早些时候给自己带来了更多的麻烦。。