php - 包含文件时 Bootstrap 网格不工作

Question

我已经制作了一个包含 bootstrap 网格系统的主页，但现在我主要使用 includes 来保持一切整洁，但网格系统似乎根本不起作用。即使我复制了 Bootstrap 本身的示例代码。

这是我的内容 php 文件的第一个代码。显然包括行部分。这些堆叠在彼此之上而不是彼此相邻。

PS:.content-wrapper 还没有样式，所以它不会影响任何东西，.content 只有顶部和底部填充。

<div class="content-wrapper">
<div class="content">
        <h1>The Test Heading</h1>
        <p>
          text
        </p>
</div>

<div class="row">
  <div class="col-sm-6 col-md-6">
    <div class="thumbnail">
      <img src="..." alt="...">
      <div class="caption">
        <h3>Thumbnail label</h3>
        <p>...</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
    <div class="thumbnail">
      <img src="..." alt="...">
      <div class="caption">
        <h3>Thumbnail label</h3>
        <p>...</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
</div>

这是我在内容区得到的index.php文件

 <div class="container">
 <!-- Navigation area -->
 <?php include_once ("php/navigation.php");?>
 <!-- Carousel -->
 <?php include_once ("php/carousel.php");?>
 <!-- Content area -->
 <?php include_once ("php/content.php");?>
 </div> <!-- end of container -->

我不确定它是否必须做一些包含文件和网格系统的事情，但是轮播、容器等都工作正常所以它应该在包含后找到 css 文件。

附带问题:这样的方法有用吗？只使用包括？还是不切实际？

Answer 1

那么你想用网格系统做什么，因为你只有一个列，所以它只会从文件的开头到第 6 列，它看起来好像什么都没做？你可以让我们说，然后你的 div 和 col 它会移动它等等。