CSSラッパーを使用した不要な余白画像の埋め込み

Question

画像の左側に不要なパディングがあります（下のコードを参照）。私はCSSのすべての行の変更、削除、または置換を試みました.wrapper-shadow - no luck。このエラーはFirefox、Chrome、Explorerに表示されます。面白いことに、エラーのない同じサイトのタブレットとモバイルページのコードは非常に似ています。私はタブレットCSSとHTMLをデスクトップコードに置き換えてみましたが、とにかくエラーが表示されました。 See attached image of the problem。

また興味深い：タブレットとモバイルサイト（正しく表示される）は、デスクトップサイトよりも左側の余白が狭いです。 See attached image of margin difference。自分のカスタムブートストラップCSSのすべてのラインを調べて、デスクトップとタブレットスタイルシートの違いを見つけることができるかどうかを確認しました。どんな助けでも大歓迎です。ありがとう。 Zaffer

.wrapper_shadow{ 
 
\t max-width: 765px; 
 
\t background-color: #9ebade; 
 
\t border: thin solid #758fa9; 
 
\t -webkit-box-shadow: 2px 2px 5px 2px #758fa9; 
 
\t box-shadow: 2px 2px 5px 2px #758fa9; 
 
\t margin-bottom: 15px; 
 
\t padding-left: 0px; \t 
 
}

<div class="container-fluid"> 
 
    <div class="pageHeaderText">Virtual performance art made with Unity3D game creation software</div> 
 
    <div class="row"> 
 
    <div class="col-sm-6"> 
 
     <div class="wrapper_shadow center-block"> 
 
     <img src="images/ColorCubed_765.jpg" class="img-responsive center-block" alt="ColorCubed"/> 
 
     </div>

Answer 1

私は答え自分自身を発見しました。数分後に答えをポップアップさせることがあります。

"padding-left：5px;"という行がありました。私の親のbootstrap.cssの* {}スタイルで、私のstyles.cssにカスケードしてエラーが発生しました。 （下記のコードを参照してください）。エラーが自分のサイトのデスクトップ版でのみ表示され、タブレットやモバイルではなく、独自のスタイルシートを持っているという事実は、ヒントでした。私は、物語のモラルは常にあなたのカスケードをチェックすることだと思います。ありがとう。 Zaffer

* { 
 
\t -webkit-box-sizing: border-box; 
 
\t -moz-box-sizing: border-box; 
 
\t box-sizing: border-box; 
 
\t padding-left: 5px; 
 
}