我正在尝试在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;
}
谢谢你的答案!