0

我知道我必须将 jumbotron 类放在容器类之外才能进行全宽。但是，我不确定在哪里执行此操作。好像我需要以某种方式修改php文件？

谢谢你的帮助！

我正在使用 front-page.php 作为此页面内容的模板。

<?php get_header(); ?>

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

  <?php the_content(); ?>

<?php endwhile; else: ?>
  <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>

<?php get_footer(); ?>`

这是我的主页内容：

<div class="jumbotron">
  <div id="myCarousel" class="carousel slide">
      <div class="carousel-inner">
        <div class="item active">
          <img src="http://krystalpureh2o.com/wordpress/wp-content/uploads/2013/10/slide-01.jpg" alt="slide-01" width="1210" height="450" class="img-responsive"/>
          <div class="container">
            <div class="carousel-caption">
             <h1>Professional Water Treatment</h1>
Reverse Osmosis | Water Softening | Whole House Filtration | Faucets | Filters | Connectors
<a class="btn btn-primary btn-large">Learn more »</a>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="img/slide-02.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <h1>Another example headline.</h1>
              <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              <a class="btn btn-large btn-primary" href="#">Learn more</a>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="img/slide-03.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <h1>One more for good measure.</h1>
              <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              <a class="btn btn-large btn-primary" href="#">Browse gallery</a>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div>
<div class="container">
<div class="row" id="home">
<div class="span4">
<h2>WHY KRYSTAL PURE™&lt;/h2>
Krystal Pure™ offers the best water treatement equipment with longer warranties at lower prices than other similar nationally advertised brands.
<a class="btn" href="#">WATCH VIDEO »</a>

</div>
<div class="span4">
<h2>NEW KRYSTAL GUARD</h2>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
<a class="btn" href="#">SEE MORE »</a>

</div>
<div class="span4">
<h2>SUPPORT</h2>
Have questions about our products? Need to order a replacement part? Call us at 1-888-579-PURE (7873) or visit our support page.
<a class="btn" href="#">SUPPORT »</a>

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

0 回答 0