我想在底部有一个自举旋转木马的标题,黑色背景和浏览器一样宽。像这样http://freebiesdesign.com/wp-content/uploads/2012/10/boostrap-carousel.jpg
我应该怎么做?
答案 0 :(得分:1)
考虑到你已经有一个Bootstrap轮播工作,你可以做这样的事情:
<div class="item">
<img src="yourimagebackground" alt="">
<div class="container">
<div class="carousel-caption">
<p> your caption here</a>
</div>
</div>
</div>
要设置字幕的背景,您可以在 css
中执行此操作.carousel-caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 15px;
background: rgba(0, 0, 0, 0.75);
}
此处,background: rgba(0, 0, 0, 0.75);
会将标题的背景设置为透明的黑色。如果你想要它完全是黑色的,你可以用background: black;
替换它取决于你!