Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.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
Jquery html和css标记,使固定导航成为顶部背景_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Jquery html和css标记,使固定导航成为顶部背景

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

我对HTML编程非常陌生,我正在尝试使用bootstrap。但是,我找不到一种方法,使导航栏固定顶部的背景色为白色。我尝试将它添加到导航栏导航栏默认导航栏固定顶部,没有任何帮助

<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;
}