gpt4 book ai didi

css - 来自 php header 的 Bootstrap 填充

转载 作者:太空宇宙 更新时间:2023-11-04 10:49:13 24 4
gpt4 key购买 nike

我在 bootstrap 中制作了两列,它们应该位于标题下方。但这 2 列隐藏在标题下。使这 2 列从标题下方开始,而不是从页面顶部(标题应该在的位置)开始的正确方法是什么?

<body>

<?php require 'header.php';?>

<div id="container">
<div="row">
<div class="col-lg-6 bg-warning">
Column 1
</div>
</div>
<div="row">
<div class="col-lg-6 bg-primary">
Column 2
</div>
</div>
</div>


<?php require 'footer.php';?>
</body>

最佳答案

我不知道您为什么要使用 php 创建 header ,但 container div 可能隐藏在 header 下方,因为您的 header 具有 CSS 样式属性 position:fixedposition:absolute。为了解决这个问题,分配一个与标题高度相同的边距。像这样:

<body>

<?php require 'header.php';?>

<div id="container" style="margin-top: 70px"><!--INSERT THE HEIGHT OF YOUR HEADER AT THE POSITION OF THE "70"-->
<div="row">
<div class="col-lg-6 bg-warning">
Column 1
</div>
</div>
<div="row">
<div class="col-lg-6 bg-primary">
Column 2
</div>
</div>
</div>


<?php require 'footer.php';?> </body>

干杯,

关于css - 来自 php header 的 Bootstrap 填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35118614/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com