Block quote border/padding/color issue

Question

我正在使用bootstrap制作个人页面，并希望使用blockquote元素，但是在左侧，我得到一条白线，即使我在多个div中包装元素并尝试覆盖任何边界或边距问题，也不会消失，这阻止了它具有相同的背景颜色。谁能告诉我该怎么做?

HTML

<div class="top-info">  
            <div class="row">
                <div class="col-md-4"><img src="http://www.psdgraphics.com/file/male-silhouette.jpg" width="300" height="250" ></div>
                <div class="col-md-8">
                <blockquote>    
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida velit sit amet dolor iaculis, nec semper felis dictum. Vestibulum commodo magna sed enim elementum, in euismod purus molestie. Nulla et nisl sit amet ipsum eleifend facilisis et a nisi. Cras lectus arcu, efficitur ac dictum vel, porttitor lobortis purus. Phasellus tincidunt velit eget ipsum aliquam, non egestas tellus consequat. Curabitur ullamcorper, massa et consequat mollis, metus neque rhoncus felis, eget condimentum lacus elit ac lacus. Pellentesque volutpat euismod neque, nec semper nisl interdum ac. </p>
                    </blockquote>
                </div>
            </div>
        </div>

CSS:

.top-info{
    background-color:#848484;
    margin:0;
    padding:0;
}
blockquote{
    background-color:#848484;
    padding:none;
    margin:none;
} 

Answer 1

Bootstrap使用border-left属性设置左侧的"白线"。所以你所需要做的就是用你的自定义CSS样式重置它，例如:

blockquote {
    border-left: 0;
}

Answer 2

Bootstrap默认在blockquote元素中使用border-left。设置为none将会移除边框。

CSS

blockquote {
    border-left: none;
}