":活跃" css标签不起作用? (我使用Bootstrap)

时间:2015-10-28 22:01:08

标签: html css twitter-bootstrap

我正在创建一个网站作为练习。我正在使用Bootstrap来提供帮助。 问题是我写了一个自己的style.css,并添加了一个":active" (而不是工作)

这是我的css:     身体{         background-color:whitesmoke;     }

.thumb_btn{
    background-color: #FC93C1;
    border-color: #fd439e;
    color: #555555;
    -webkit-transition: 1s;
}

.thumb_btn:hover{
    background-color: #fd439e;
    border-color: #fd439e;
    color: #2f2f2f;
}

**.thumb_btn:active{
    background-color: #5b0a13;
    border-color: #5b0a13;
    color: #dadada;
}**

这是HTML:                                          

    <meta name="description" content="Make-up blog">
    <meta name="author" content="Rodrigo Ramos">

    <title>Dreams & Feels</title>
    <link rel="icon" href="img/icon.PNG">

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

    <link href="style.css" rel="stylesheet" type="text/css/">
</head>

...

    <!-- Thumbnails -->
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="thumbnail">
                    <img src="img/making_up.jpg" alt="making_up" class="img-circle">
                    <div class="caption">
                        <h3 class="text-center">Making Up</h3>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
  --->                      <p><a href="#" class="btn btn-primary center-block thumb_btn" role="button"><strong>Introduce in the world!</strong></a>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="thumbnail">
                    <img src="img/maquillaje_theme.jpg" alt="themes" class="img-circle">
                    <div class="caption">
                        <h3 class="text-center">Themes & Moments</h3>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 --->                       <p><a href="#" class="btn btn-primary center-block thumb_btn" role="button"><strong>Introduce in the world!</strong></a>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-4">
                <div class="thumbnail">
                    <img src="img/warehouse.jpg" alt="warehouse" class="img-circle">
                    <div class="caption">
                        <h3 class="text-center">Make-Up Warehouse</h3>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
--->                        <p><a href="#" class="btn btn-primary center-block thumb_btn" role="button"><strong>Introduce in the world!</strong></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END Thumbnails -->

正如你所看到的,我在引导程序之后添加了自己的css。

我不知道为什么!!!!!

提前致谢!!!

0 个答案:

没有答案