体系课

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

请问老师navbar-deflault的字体颜色如何更改

来源：2-7 作业题

qq_陈大吹_0

2018-09-06 17:29:38

如上所说。

写回答

3回答

好帮手慕星星

2018-09-07

可以这样修改，

http://img.mukewang.com/climg/5b91ebd70001984c07080079.jpg

前面的选择器要一样，才能覆盖bootstrap中的样式哦。自己测试下。

0

qq_陈大吹_0

提问者

2018-09-06

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<meta name="viewport" content="width=divice-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scale=no"/>

<link rel="stylesheet" href="bootstrap/bootstrap.min.css">

<link rel="stylesheet" href="css/index.css">

<script src="js/jquery.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<style>

*{margin:0px;padding:0px;}


.header ,.navbar{background-color: #5e4c34}

.choose{background-color: #f37717}

.navbar li>a{color:#fff;}

</style>




</head>

<body>

<div class="header" >

<nav class="navbar navbar-default nav-header-white" style="width:50%;margin-left:10%;border:none;">

  <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" aria-expanded="false">

        <span class="sr-only">Toggle navigation</span>

        <span class="icon-bar"></span>

        <span class="icon-bar"></span>

        <span class="icon-bar"></span>

      </button>

      <a class="navbar-brand" href="#" style="color:red;">爱心小作坊</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">

        <li class="choose"><a href="#">首页 <span class="sr-only">(current)</span></a></li>

       

        <li class="dropdown">

          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">生日 <span class="caret"></span></a>

        </li>

     

<li class="dropdown">

          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">婚礼 <span class="caret"></span></a>

        </li>


         <li class="dropdown">

          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">专用 <span class="caret"></span></a>

        </li>


         <li class="dropdown">

          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">商铺 <span class="caret"></span></a>

        </li>


      </ul>


    </div><!-- /.navbar-collapse -->

  </div><!-- /.container-fluid -->

  </nav>

</nav>

</body>

</html>


0

樱桃小胖子

2018-09-06

这个可以直接自定义 .navbar-default的字体颜色，譬如 

.navbar-default {background-color:#C1E2B3;}

同学也可以将你的代码贴上来（包括html、css、js），以便于老师准确定位你的问题并帮你解答哦~

祝学习愉快！

0
hq_陈大吹_0
h 代码如上，字体颜色变不了
h018-09-06
共1条回复

0 学习 · 5012 问题

查看课程

相似问题

关于下拉菜单的一些疑问

回答 3

为什么导航栏的字体颜色和选中样式颜色无法更改

回答 1

请问老师那里有问题？

回答 3

subscribe区域的背景怎么改成像视频那样呢? 怎么改placeholder的提示文字?

回答 1

老师，为什么选不中button 我分明用了权重更高的选择器

回答 2

打开慕课网App查看更多内容