BootStrap4字体颜色

我是bootstrap新手，我想用css3的知识，当你想改变一个字体的颜色，你给一个类或id的部分或任何目标，然后改变你的字体。我正在使用预建的navBar并试图做同样的事情，但它不起作用。有人可以帮助我不仅答案，但解释如何将我的链接的所有顶部目标更改为白色的字体颜色。BootStrap4字体颜色

<!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>

来源

2017-05-23 Richard Jimenez

你一定要上的元素你的目标

#myList a { 
    color: white; 
}

来源

2017-05-23 13:46:15 AirBair

更具体的我已经试过了，它仍然不工作... –

你有没有注意到对CSS的变化财产？这不是“字体”，而是“颜色”。在我给你的例子中，链接“Home”，“Experience”，“Projects”，“Resume”和“Contact”变成白色;） – AirBair

哈哈谢谢！现在去喝我的咖啡 –

BootStrap4字体颜色

回答

相关问题