Jquery html和css标记,使固定导航成为顶部背景
我对HTML编程非常陌生,我正在尝试使用bootstrap。但是,我找不到一种方法,使导航栏固定顶部的背景色为白色。我尝试将它添加到导航栏导航栏默认导航栏固定顶部,没有任何帮助Jquery html和css标记,使固定导航成为顶部背景,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我对HTML编程非常陌生,我正在尝试使用bootstrap。但是,我找不到一种方法,使导航栏固定顶部的背景色为白色。我尝试将它添加到导航栏导航栏默认导航栏固定顶部,没有任何帮助 <nav id="mainNav" class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <!-- Brand and toggle get grouped for
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="#page-top">Viverius, Institute for development of digital health </a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="#about">O nas</a>
</li>
<li>
<a class="page-scroll" href="#services">Projekti</a>
</li>
<li>
<a class="page-scroll" href="#portfolio">Ekipa</a>
</li>
<li>
<a class="page-scroll" href="#contact">Kontakt</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
切换导航菜单
-
-
-
-
这应该行得通。这是一把小提琴
确保在引导css后加载自定义css,这样自定义css将覆盖引导css。将
css
代码放在名为style.css
的新css文件或任何您想要的名称下,并将此文件放在引导css
文件后覆盖默认引导您的
标记中的css如下所示:
CSS代码(在style.CSS中)
HTML代码
<head>
<link href="bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
给你:
在包含引导css文件之后,您必须放置自定义css。我写的是:
.navbar-fixed-top {
background: #ffffff;
}
可以按照您想要的方式工作。HTML是文档标记,而不是编程。
<head>
<link href="bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
.navbar-fixed-top {
background: #ffffff;
}