Html 引导程序4,我可以';我的固定导航栏不能和我的jumbotron分开?
我正在创建一个网站,正在使用引导。我想让我的固定导航条和我的jumbotron分开,但我似乎无法让它们分开 有没有办法不用直接编辑CSS文件就可以做到这一点 这是my jumbotron如何绑定到导航栏的示例:Html 引导程序4,我可以';我的固定导航栏不能和我的jumbotron分开?,html,css,twitter-bootstrap,bootstrap-4,Html,Css,Twitter Bootstrap,Bootstrap 4,我正在创建一个网站,正在使用引导。我想让我的固定导航条和我的jumbotron分开,但我似乎无法让它们分开 有没有办法不用直接编辑CSS文件就可以做到这一点 这是my jumbotron如何绑定到导航栏的示例: 最简单的方法是在jumbotron中添加另一个类,因此添加类似于topmargin的内容,然后在css样式中添加margin top:10px或需要多少空间。。在项目中添加空格的最佳方法是设置一个分隔符div,以便在页面上的每个元素之间都有相同的空格,这样就可以在样式中执行类似于的操作
最简单的方法是在jumbotron中添加另一个类,因此添加类似于
topmargin
的内容,然后在css样式中添加margin top:10px
或需要多少空间。。在项目中添加空格的最佳方法是设置一个分隔符div,以便在页面上的每个元素之间都有相同的空格,这样就可以在样式中执行类似于
的操作
.spacer{
height: 10px //however much space you want between elements
content: "";
}
然后,当您需要元素之间的空间时,您可以直接插入间隔条div,您可以将填充顶部添加到您的身体中
body {
padding-top: 70px;
}
没有编辑css文件
你可以用jQuery
$('body').css('padding-top', 70px);
试着给你的jumbotron增加利润。您可以通过引导中包含的间距类来实现这一点 尝试
mt-5
(页边距顶部),如果您希望减少页边距,请使用较小的数字
您也可以这样使用填充。在这种情况下,您将使用类似于
pt-5
欢迎使用StackOverflow!为了让我们帮助您使用CSS,您需要同时提供CSS和HTML;没有它,我们无法重现你的问题。请更新您的问题,使其在一个列表中显示所有相关代码。如果您的HTML是在服务器端生成的,请发布输出。有关更多信息,请参阅有关的帮助文章,并点击:)