html elmentsの間のスペースを見つけて削除する

Question

私はHTMLページの2つの要素の間のスペースを削除しようとしています。 margin-left:0px;と設定しても動作しません。

<div class="row"> 
        <div class="col-lg-6 col-md-6 col-xs-6 thumb">  
         <div class="thumbnail" href="#"> 
          <img class="img-responsive" src="https://scontent-arn2-1.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/13687120_1671928519797295_1730075489_n.jpg?ig_cache_key=MTMwOTc1OTU2NDk2NjUzNzE2NQ%3D%3D.2" alt=""> 
         </div> 
        </div>  
        <div class="col-lg-6 col-md-6 col-xs-6 thumb"> 


         <ul class="bullet-remover"> 
          <li class="item"> 
           <div class="media"> 

            <div class="media-body"> 
            <h3 class="media-heading"><strong>Luisa Martine</strong></h3> 

              

            </div> 
           </div> 
          </li> 
         </ul> 
        </div> 
       </div> 

あなたが見ることができるように、imageとulタグの間にスペースがある：ここでは

はコードです。 は、私は左マージンを削除しようとしています

.bullet-remover{ 

    list-style-type: none; 
    margin-left: 0px; 
} 

しかし、それは動作しませんか？

Answer 1

あなたの弾丸にカスタムパディングがあることがわかります。したがって、1つの選択肢は、 ".thumb"の左側と右側のパディングを取り消すことです。

もう1つ問題があります。あなたの ".row"の周りに ".container"を残してはいけません。それらの2つは完璧です&お互いに作られています。

• コンテナは、行によってキャンセルされ、左右のパディングを追加して、そのページに

オプション2任意のスクロールバーがありません：あなたは大丈夫です場合

次に弾丸の除去剤は次のようにする必要があります。

は、スニペット私たちは宇宙を見ることができます

.thumb { 
 
    /*padding-left: 0 !important; 
 
    padding-right: 0 !important;*/ 
 
} 
 
.bullet-remover 
 
{ 
 
    list-style:none; 
 
    padding:0; 
 
    }

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="container-fluid"> 
 
    <div class="row"> 
 
    <div class="col-lg-6 col-md-6 col-xs-6 thumb"> 
 
     <div class="thumbnail" href="#"> 
 
     <img class="img-responsive" src="https://scontent-arn2-1.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/13687120_1671928519797295_1730075489_n.jpg?ig_cache_key=MTMwOTc1OTU2NDk2NjUzNzE2NQ%3D%3D.2" alt=""> 
 
     </div> 
 
    </div> 
 
    <div class="col-lg-6 col-md-6 col-xs-6 thumb"> 
 
     <ul class="bullet-remover"> 
 
     <li class="item"> 
 
      <div class="media"> 
 

 
      <div class="media-body"> 
 
       <h3 class="media-heading"><strong>Luisa Martine</strong></h3> 
 
       
 

 
      </div> 
 
      </div> 
 
     </li> 
 
     </ul> 
 
    </div> 
 
    </div> 
 
</div>