html - 使轮播以页面为中心？

Question

<div id="imageCarousel" class="carousel slide" data-interval="3000" data-ride="carousel">

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

                <div class="carousel-inner">

                  <div class="item active">
                    <img src="pics/space_1.jpg" alt="Space 1">
                    <div class="carousel-caption">
                      <h3>Space 1</h3>
                      <p>Infinite Boredom</p>
                    </div>
                  </div>

                  <div class="item">
                    <img src="pics/space_2.jpg" alt="Space 2">
                    <div class="carousel-caption">
                      <h3>Space 2</h3>
                      <p>Infinite Boredom</p>
                    </div>
                  </div>

                  <div class="item">
                    <img src="pics/space_3.jpg" alt="Space 3">
                    <div class="carousel-caption">
                      <h3>Space 3</h3>
                      <p>Infinite Boredom</p>
                    </div>
                  </div>

                </div>

                <a href="#imageCarousel" class="carousel-control left" data-slide="prev">
                  <span class="glyphicon glyphicon-chevron-left"></span>
                </a>

                <a href="#imageCarousel" class="carousel-control right" data-slide="next">
                  <span class="glyphicon glyphicon-chevron-right"></span>
                </a>

              </div>


            </div>
          </div>
        </div>

我有一个工作正常的 Bootstrap 轮播。但是，当我将窗口设为全屏时，它不会跨越页面的整个宽度。为了做到这一点，我会使用什么样式？

Answer 1

确保您遵循正确的嵌套约定。您的“.container”或“.container-fluid”可能有问题。

更多信息，引用:http://getbootstrap.com/css/#grid