Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Bootstrap切字_Html_Css_Bootstrap 4 - Fatal编程技术网

Html Bootstrap切字

Html Bootstrap切字,html,css,bootstrap-4,Html,Css,Bootstrap 4,我自己开始学习bootstrap 4,我很难理解为什么bootstrap只在我的浏览器上显示我的部分页脚(即我只能看到“隐私策略”)。我甚至尝试在顶部创建一个标记,但无法将其显示出来。菜单区没问题。下面是我的索引文件中的HTML。我的CSS文件中还没有任何内容。任何建议都受到高度欢迎。下面还有一幅图像,它是如何出现的 伽马射线 版权及副本;2017,版权所有 您的列有12个以上的单位。 似乎版权分区周围缺少了一行 应该是这样吗 <div class="row

我自己开始学习bootstrap 4,我很难理解为什么bootstrap只在我的浏览器上显示我的部分页脚(即我只能看到“隐私策略”)。我甚至尝试在顶部创建一个标记,但无法将其显示出来。菜单区没问题。下面是我的索引文件中的HTML。我的CSS文件中还没有任何内容。任何建议都受到高度欢迎。下面还有一幅图像,它是如何出现的


伽马射线
版权及副本;2017,版权所有


您的列有12个以上的单位。 似乎版权分区周围缺少了一行

应该是这样吗

    <div class="row">
      <div class="col-lg-6 col-md-7 col-sm-12">
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
          <li><a href="#">Privacy Policy</a></li>
        </ul>
      </div>
    </div>
    <div class="row>
      <div class="col-lg-6 col-md-7 col-sm-12">
        <p>Copyright &copy;2017, All Rights Reserved</p>
      </div>
    </div>


这是因为你有一个固定的导航栏,这使得它与你的页脚重叠。给你不想被导航栏重叠的内容留一个上边距。

哇,谢谢,这太简单了,我没意识到“固定顶部”是个问题。谢谢。代码中已经存在“行”了,“固定顶部”导航条是问题所在,添加一些顶部边距修复了问题。
    <div class="row">
      <div class="col-lg-6 col-md-7 col-sm-12">
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
          <li><a href="#">Privacy Policy</a></li>
        </ul>
      </div>
    </div>
    <div class="row>
      <div class="col-lg-6 col-md-7 col-sm-12">
        <p>Copyright &copy;2017, All Rights Reserved</p>
      </div>
    </div>