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

时间:2014-08-30 22:04:57

标签: html css twitter-bootstrap

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

我应该怎么做?

1 个答案:

答案 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;替换它取决于你!