Fatal编程技术网
  • html/
  • CSS3不处理HTML

CSS3不处理HTML

html twitter-bootstrap css

CSS3不处理HTML,html,twitter-bootstrap,css,Html,Twitter Bootstrap,Css,我正在使用bootstrap构建我的第一个网站，CSS在任何html上都不起作用。我做错了什么？我对网页设计和引导非常陌生，我知道我必须将HTML链接到引导服务器才能使用该功能，但我现在就在这里吗 学习Bootstrap需要多长时间？有没有更好的方法来代替整天不停地写divs HTML代码： <!DOCTYPE html> <html lang="en"> <head> <title>Ignite Studio Portfolio</ti

我正在使用bootstrap构建我的第一个网站，CSS在任何html上都不起作用。我做错了什么？我对网页设计和引导非常陌生，我知道我必须将HTML链接到引导服务器才能使用该功能，但我现在就在这里吗

学习Bootstrap需要多长时间？有没有更好的方法来代替整天不停地写
div
s

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Ignite Studio Portfolio</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">     </script>
  <link rel="stylesheet" type="text/css" href="portfolio.css">
</head>

<body>
  <div class="row">
    <div class="col-12">
      <nav class="navbar navbar-default fixed-nav-bar" id="nav">
        <div class="container-fluid">
          <ul class="nav navbar-nav">
            <li class="active">
              <a href="#">Ignite Studio Portfolio</a>       
              <a href="#" >Home</a>
              <a href="#">Web</a>   
              <a href="#">Programming</a>
              <a href="#">Art</a>
            </li>
          </ul>
        </div>
      </nav>
    </div>
  </div>
</body>
</html>
在css中关闭花括号后只需删除分号。它应该有用

如果您不想编写代码，请使用bootstrap builder工具。。A. 功能强大的桌面应用程序，用于使用 引导框架

文本颜色属性称为
color
，而不是
font-color
（最后一条规则）

此外，删除CSS规则右括号后的所有分号，并检查CSS文件的文件路径。

什么具体不起作用？CSS是否在上面发布？Bootstrap需要custom.css，您可以将它放在一个名为css的文件夹中。您的链接现在看起来就像您在bootstrap.css行的正下方发布了这一行。除了链接到自定义css文件之外，他还链接到bootstrap css的bootstrap CDN。不管他的附加CSS文件叫什么，也不管它存储在哪里。是的……我有一半工作正常，但导航头ID没有将我的文本更改为橙色。调用bootstrap可以吗？我可能做错什么了吗？那是因为它不是
font-color
，而是
color
不，你错了。。看看这个。。去掉分号，让我知道区别，明白吗@黑曜石乐队确实做了些什么来修复它。bootstrap builder是否更易于使用并且是免费的？不，它是一个高级工具。。进行一些研究，您可能会发现一些更好的工具，提供免费试用选项。：） 
body {
  padding-top: 30px;
  background-color: blue;
};

.container-fluid {
  background-color: pink;
};

.fixed-nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 50px;
  background-color: black;
};

#navhead {
  font-color: orange;
};

https://bootstrapstudio.io/