Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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 引导程序4,我可以';我的固定导航栏不能和我的jumbotron分开?_Html_Css_Twitter Bootstrap_Bootstrap 4 - Fatal编程技术网

Html 引导程序4,我可以';我的固定导航栏不能和我的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分开,但我似乎无法让它们分开

有没有办法不用直接编辑CSS文件就可以做到这一点

这是my jumbotron如何绑定到导航栏的示例:


最简单的方法是在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是在服务器端生成的,请发布输出。有关更多信息,请参阅有关的帮助文章,并点击:)