我能'；t在引导项目中编辑my custom.css_Css_Html_Twitter Bootstrap

我能'；t在引导项目中编辑my custom.css

css html twitter-bootstrap

我能'；t在引导项目中编辑my custom.css,css,html,twitter-bootstrap,Css,Html,Twitter Bootstrap,我有一个html引导文件，我正试图用custom.css做一些更改，但这些更改不起作用例如，我无法更改标记“h1”或类“carousel-inner”（我试图在顶部放置一个负边距，以消除页眉和carousel之间的空间）这是我的html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap for

我有一个html引导文件，我正试图用custom.css做一些更改，但这些更改不起作用

例如，我无法更改标记“h1”或类“carousel-inner”（我试图在顶部放置一个负边距，以消除页眉和carousel之间的空间）

这是我的html代码：

    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Bootstrap for Web Design</title>
    <meta name="description" content="A Tuts+ course">

    <!-- Mobile Specific Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

    <!-- Custom CSS -->
    <link rel="stylesheet" type="text/css" href="css/custom.css">

  </head>
  <body>
    <!-- Fixed navbar -->
    <div class="navbar navbar-default navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <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="#">SmartEvents</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li class="active"><a href="#">Home</a></li>       
            <li><a href="#about">Criar evento</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Registo <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li class="dropdown-header">Admin & Dashboard</li>
                <li><a href="#">Admin 1</a></li>
                <li><a href="#">Admin 2</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Portfolio</li>
                <li><a href="#">Portfolio 1</a></li>
                <li><a href="#">Portfolio 2</a></li>
              </ul>
            </li>            
            <li><a href="#">Iniciar Sessão</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>



    <!-- Carousel
    ================================================== -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="3000">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="images/slide1a.jpg" alt="...">
     <div class="carousel-caption">
              <h1>EVENTOS AO MINUTO</h1>
              <h3>Compra e venda de bilhetes. Promoção de eventos.</h3>
            <!--  <p><a class="btn btn-lg btn-primary" href="#" role="button">Criar evento</a></p>-->
            </div>
    </div>
    <div class="item">
      <img src="images/slide2a.jpg" alt="...">
      <div class="carousel-caption">
             <h1>EVENTOS AO MINUTO</h1>
              <h3>Compra e venda de bilhetes. Promoção de eventos.</h3>
      </div>
    </div>
    <div class="item">
      <img src="images/slide3a.jpg" alt="...">
      <div class="carousel-caption">
             <h1>EVENTOS AO MINUTO</h1>
              <h3>Compra e venda de bilhetes. Promoção de eventos.</h3>
      </div>
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div> <!-- Carousel -->


<div class="container">

  <!-- FOOTER -->
  <footer>
    <p class="pull-right"><a href="#">Back to top</a></p>
    <p>This Bootstrap layout is compliments of Bootply. · <a href="http://www.bootply.com/108847">Edit on Bootply.com</a></p>
  </footer>

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


    <!-- Latest compiled and minified JavaScript -->
    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>  

</body>
</html>


Web设计的Bootstrap
切换导航





管理和仪表板



投资组合









奥米努托事件
比尔赫特先生。事件宣传。
奥米努托事件
比尔赫特先生。事件宣传。
奥米努托事件
比尔赫特先生。事件宣传。

这种自举布局是Bootply的补充

还有我的custom.css

@charset "UTF-8";
/* CSS Document */

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #000;  /*Sets the text hover color on navbar*/
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: white; /*BACKGROUND color for active*/
background-color: #030033;
}

  .navbar-default {
    background-color: #333c4e;
    border-color: #333c4e;
}

   .dropdown-menu > li > a:focus {
    color: #41ae32;
   text-decoration: none;
  background-color: #41ae32;  /*change color of links in drop down here*/
   }


  .dropdown-menu > li > a:hover{
      background-color: #41ae32;      
      }

 .nav > li > a:hover,
 .nav > li > a:focus {
    text-decoration: none;
    background-color: silver; /*Change rollover cell color here*/
  }


  .navbar-default .navbar-nav > li > a {
   color: white; /*Change active text color here*/
    }


<!--TEXTOS-->
h1{
    font-size:40px;
    color:#FFF;
    background-color: forestgreen;
}



<!--Carousel-->

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: -20px;
}

@charset“UTF-8”；
/*CSS文档*/
.navbar默认值.navbar导航>li>a:悬停.navbar默认值.navbar导航>li>a:焦点{
颜色：#000；/*设置导航栏上的文本悬停颜色*/
}
.navbar default.navbar nav>.active>a.navbar default.navbar nav>.active>
a:hover、.navbar default.navbar nav>.active>a:focus{
颜色：白色；/*活动的背景色*/
背景色：#030033；
}
.navbar默认值{
背景色：#333c4e；
边框颜色：#333c4e；
}
.下拉菜单>li>a:焦点{
颜色：#41ae32；
文字装饰：无；
背景色：#41ae32；/*在此处的下拉列表中更改链接的颜色*/
}
.下拉菜单>li>a:悬停{
背景色：#41ae32；
}
.nav>li>a:悬停，
.nav>li>a：聚焦{
文字装饰：无；
背景颜色：银色；/*在此处更改滚动单元格颜色*/
}
.navbar默认值.navbar nav>li>a{
颜色：白色；/*在此处更改活动文本颜色*/
}
h1{
字体大小：40px；
颜色：#FFF；
背景色：森林绿；
}
.旋转木马内部{
位置：相对位置；
溢出：隐藏；
宽度：100%；
利润上限：-20px；
}

有人能帮我吗？多谢各位

保罗

删除此评论

和

。此语法用于html文件。要在css文件中进行注释，请使用以下命令：

/*TEXTOS*/

它应该会起作用

这是一个

您使用了错误的行注释

更改此项：

<!--TEXTOS-->
h1{
    font-size:40px;
    color:#FFF;
    background-color: forestgreen;
}



<!--Carousel-->

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: -20px;
}

你说“不能编辑”是什么意思？就像您对css文件所做的更改不由服务器提供一样？您确定您引用的是自定义ccs吗？尝试将bg颜色更改为蓝色。也可以尝试在私人会话（匿名模式）中打开，我看不到我在h1或旋转木马内部所做的更改。其他更改，例如，在标题中，我可以看到。我如何才能使标题和旋转木马之间的空白消失？@Paulofruoso没问题：）@Paulofruoso请标记用户2232273或我的答案正确，以便正确地将其关闭。

/*TEXTOS*/
h1{
    font-size:40px;
    color:#FFF;
    background-color: forestgreen;
}



/*Carousel*/

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: -20px;
}