Fatal编程技术网

Twitter bootstrap BootStrap4字体颜色

twitter-bootstrap bootstrap-4

Twitter bootstrap BootStrap4字体颜色,twitter-bootstrap,bootstrap-4,Twitter Bootstrap,Bootstrap 4,我是bootstrap新手，我正在使用我对css3的了解，当你想改变字体的颜色时，你可以给这个部分指定一个类或id，或者其他任何目标，然后改变你的字体。我正在使用一个预先构建的导航栏，并试图做同样的事情，但它不起作用。有人可以帮助我不仅回答，而且解释如何针对我的链接所有顶部改变为白色的字体颜色 <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="ht

我是bootstrap新手，我正在使用我对css3的了解，当你想改变字体的颜色时，你可以给这个部分指定一个类或id，或者其他任何目标，然后改变你的字体。我正在使用一个预先构建的导航栏，并试图做同样的事情，但它不起作用。有人可以帮助我不仅回答，而且解释如何针对我的链接所有顶部改变为白色的字体颜色

<!DOCTYPE html>
<html lang="en">
  <head>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">



        <title>Richard Jimenez Portfolio</title>

          <style type="text/css">
              #myList{
                  font:white;
              }


          </style>

      </head>

    <body>   

    <header>
            <nav class="navbar navbar-toggleable-md navbar-light bg-faded">
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
            </button>

        <a class="navbar-brand" href="#">MyApp</a>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto" id="myList">
          <li class="nav-item active">
            <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Experience</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Projects</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Resume</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Contact</a>
          </li>
        </ul>
        <form class="form-inline my-2 my-lg-0">
          <input class="form-control mr-sm-2" type="text" placeholder="Search">
          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form>
      </div>
    </nav>
    </header>
      </body>
    </html>
你只需要对你所瞄准的元素更加具体

#myList a {
    color: white;
}
你注意到css属性的变化了吗？不是字体而是颜色。在我给你的例子中，主页、经验、项目、简历和联系人的链接变成白色；