如何在twitter bootstrap中更改标题的位置

Question

我想在底部有一个自举旋转木马的标题，黑色背景和浏览器一样宽。像这样http://freebiesdesign.com/wp-content/uploads/2012/10/boostrap-carousel.jpg

我应该怎么做？

Answer 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;替换它取决于你！