gpt4 book ai didi

html - Bootstrap : make a dynamic div between navbar-fixed-top and navbar-fixed-bottom

转载 作者:行者123 更新时间:2023-11-28 15:35:31 25 4
gpt4 key购买 nike

我有一个带有两个用于导航的 div 的 Bootstrap 页面,一个是 navbar-fixed-top,另一个是 navbar-fixed-bottom。因此,导航栏固定在顶部/底部。

现在我想声明一个 div,它恰好是两个导航栏之间的空间(草图中的 xxxxxx)。关于如何实现此 div 有什么建议吗?

<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
..
</div>
</div>

[DIV FOR THE REST OF THE PAGE]

<div class="navbar navbar-inverse navbar-fixed-bottom">
<div class="container">
..
</div>
</div>

.__________________________________________________________。|~~~~~~~~~~~~~~~~~~~导航栏固定顶部~~~~~~~~~~~~~~~~~~~||____________________________________________________________||xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx||xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx||xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx||xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx||xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx||xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx||____________________________________________________________||~~~~~~~~~~~~~~~~~导航栏固定底部~~~~~~~~~~~~~~~~~~||__________________________________________________________|

最佳答案

如果你的导航栏是固定的。您可以在正文的顶部和底部添加边距。

<html>    
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
..
</div>
</div>


[DIV FOR THE REST OF THE PAGE]


<div class="navbar navbar-inverse navbar-fixed-bottom">
<div class="container">
..
</div>
</div>
<style>
body{
margin-top: 100px;
margin-bottom: 100px;
}
</style>
</body>
</html>

Margin top 是顶部导航的高度,Margin bottom 是底部导航的高度。

关于html - Bootstrap : make a dynamic div between navbar-fixed-top and navbar-fixed-bottom,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44201601/

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