边框没有显示在blockquoteh bootstrap 4中

时间:2017-10-21 02:51:16

标签: bootstrap-4

我正在使用bootstrap 4(4.0.0-beta.2)。

<blockquote class="blockquote">
  <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>

此代码未在左侧显示边框。需要一些帮助。

1 个答案:

答案 0 :(得分:1)

blockquote

中的Bootstrap V4 Beta存在问题

Bootstrap v4 beta中没有左边框

只是.blockquote {margin-bottom: 1rem;font-size: 1.25rem;}

所以尝试用自定义css添加它,即

.blockquote {
    padding: .5rem 1rem;
    border-left: .25rem solid #eceeef;
}

&#13;
&#13;
.blockquote {
    padding: .5rem 1rem;
    border-left: .25rem solid #eceeef;
}
&#13;
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet">
<blockquote class="blockquote">
  <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
&#13;
&#13;
&#13;