Jumbotron边界或轮廓不起作用

Question

我将尽可能具有描述性.这是最新版本的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>

谢谢你的帮助.

Answer 1

你应该插入border-style:solid; 在CSS风格.