试图将一些功能放在展示中

时间:2014-09-27 19:52:49

标签: javascript jquery css twitter-bootstrap-3

我正在尝试在bootstrap 3.0展示中添加一些功能而不是文本。很久以前,我学习了编程,而且自从过去10年以来我没有“编程”。所以请不要怪我质疑。

我试图找到以下案例的解决方案,但我仍然无法在Google和Google上找到解决方案。我正在尝试在bootstrap展示功能中添加一些按钮和文本链接。链接和按钮不起作用,我找不到原因。我希望有人可以帮助我。

`

<div class="showcase2">
<div class="container">
    <div class="top">
        <div class="col-sm-12 col-md-12">
            <header>
                <!--<img src="assets/logo.png" alt="">-->
                <div class="col-md-9">
                    <!--Service Blcoks -->
                    <div class="container row servive-block margin-bottom-10">
                        <div class="col-md-4 col-sm-6">
                            <div class="servive-block-in servive-block-colored servive-block-blue">
                                <h4>Text</h4>
                                <div><i class="icon-bell"></i></div>
                                <p>Text
                                    <a href="http://www.alinkinshowcase.nl">Link</a>
                                </p>
                                <div class="hero-unit">
                                    <p>Tagline</p>
                                    <p>
                                        <a class="btn btn-primary btn-large">
                                            Learn more
                                        </a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6">
                            <div class="servive-block-in servive-block-colored servive-block-blue">
                                <h4>Text</h4>
                                <div><i class="icon-bullhorn"></i></div>
                                <p>Donec id elit non mi porta gravida at eget metus id elit mi egetine. Fusce dapibus</p>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6">
                            <div class="servive-block-in servive-block-colored servive-block-blue">
                                <h4>Why register</h4>
                                <div><i class="icon-globe"></i></div>
                                <p>Donec id elit non mi porta gravida at eget metus id elit mi egetine. Fusce dapibus</p>
                            </div>
                        </div>
                    </div><!--/servive-block-->
               </header>
        </div>
    </div>
</div>

`

CSS:

.showcase2 {
position: relative;
z-index: -1;
background: transparent url('../assets/main2.png') center top fixed;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}    

header {
padding: 60px 10px 400px;
text-align: center;
}
.description {
font-family: "Times New Roman", Times, serif;
font-size: 60px;
margin: 0;
line-height: 1.25;
color: #20b0ff;
text-shadow: 0 0 12px rgba(0, 0, 0, 1);
}

/* Strip (Call to action) */
.strip {
width: auto;
padding: 10px;
text-align: center;
background: #232323 url("../assets/texture-1.png");
margin-bottom: 0px;

}
.strip h3 {
color: #FFF;
}
.strip .btn {
margin-bottom: 3px;
}

谢谢你的答案!

0 个答案:

没有答案