Fatal编程技术网

Twitter bootstrap 引导转盘图像大小调整

twitter-bootstrap

Twitter bootstrap 引导转盘图像大小调整,twitter-bootstrap,Twitter Bootstrap,我正在为一个我开始工作的网站使用bootstrap，我添加了一个旋转木马，但它不断调整我的图像大小，使其与左侧对齐，并且更小，但我不知道为什么。这就是它现在的样子 <body> <div id="homePageCarousel" class = "carousel slide"> <ol class = "carousel-indicators"> <li data-target="#homePageCarousel" data-slide-to=

我正在为一个我开始工作的网站使用bootstrap，我添加了一个旋转木马，但它不断调整我的图像大小，使其与左侧对齐，并且更小，但我不知道为什么。这就是它现在的样子

<body>

<div id="homePageCarousel" class = "carousel slide">

<ol class = "carousel-indicators">
<li data-target="#homePageCarousel" data-slide-to="0" class="active"></li>
<li data-target="#homePageCarousel" data-slide-to="1"></li>
<li data-target="#homePageCarousel" data-slide-to="2"></li>
</ol>

<div class="carousel-inner">
<div class="item active">
  <img src="Images/paper1.jpg" alt="paper1" class="img-responsive">
  <div class="carousel-caption">
    <h3>StudentShare</h3>
    <p>Click the picture to learn more!</p>
  </div>
</div>
<div class="item">
  <img src="Images/sunset.jpg" alt="sunset" class="img-responsive">
  <div class="carousel-caption">
    <h3>Another Ad</h3>
    <p>Description of this Ad</p>
  </div>
</div>
<div class="item">
  <img src="Images/paper2.jpg" alt="paper2" class="img-responsive">
  <div class="carousel-caption">
    <h3>Another Ad</h3>
    <p>Description of this Ad</p>
  </div>
</div>
</div>

<a class="carousel-control right" href="#homePageCarousel" data-slide="next">
<span class="icon-next"></span>
</a>
<a class="carousel-control left" href="#homePageCarousel" data-slide="prev">
<span class="icon-prev"></span>
</a>

</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">                      </script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
你想要这样的东西吗

我将“最大宽度：100%”更改为“宽度：100%”以使用所有宽度

，这确实解决了问题，但一位朋友已经帮助我将图像强制居中。谢谢