塊引用邊框/填充/顏色問題

Question

我正在製作使用引導程序的個人頁面，並且想要使用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

引導由元素默認使用border-left。設置爲無將刪除邊框。

CSS

blockquote { 
    border-left: none; 
} 

Answer 2

引導使用border-left屬性設置在左邊這個 「白線」。因此，您需要做的就是使用您的自定義CSS樣式進行重置，例如像這樣：

blockquote { 
    border-left: 0; 
}