Jumbotron边界或轮廓不起作用

时间:2014-04-30 21:01:20

标签: twitter-bootstrap twitter-bootstrap-3 border outline

我将尽可能具有描述性。这是最新版本的bootstrap。我有一个在背景中有一个大的黑暗图像的网站,在某些页面上有文字,我把一个黑色的jumbotron用于白色字体的背景。我想在它们周围设置一个边框,但到目前为止,我没有看到任何可以想到这样做的边界。请帮忙,这是我的第一个网站。边界是为了给巨型tron一些光线对比。有任何问题让我知道。使用jumbotron我的CSS css是

.jumbotron {
margin-bottom: 0px;
background-position: 0% 25%;
background-size: cover;
background-repeat: no-repeat;
color: white;
text-shadow: black 0.3em 0.3em 0.3em;
background: black;
border: 5px;
border-color: #fff;
}

当我在.php文档中以下面的形式使用它时

<div class="jumbotron">
<h2> subpage name </h2>
<h4> title </h4>
<p> bunch of text
</p>
</div>

感谢您的帮助。

1 个答案:

答案 0 :(得分:10)

你应该插入border-style:solid;在css风格。