2017-05-14 9 views
0

ありがとうございましたCSSブートストラップ - 余白を残して残す

私はイメージとグリッドビューで.NET対応のWebページを開発しています。

"grid.less"ブートストラップファイルで定義されている "margin-left:auto"プロパティを削除しようとしています。 私はすでに "margin-left:0px"、左:0pxを試してみましたが、成功もありません。 Page (sorry but i can't put the image in the post)

ASP.NET:

<div class="wrapper"> 
    <div class="global"> 
     <div class="itemwrapper"> 
      <img src="Content/logo.jpg" class="img-responsive" /> 
     </div> 
    (...) 

CSS:私のページがある方法です

.wrapper { 
    max-width: 1050px; 
    margin: 60px auto 60px auto; 
    } 
.global { 
    display: table; 
    width: 100%; 
    table-layout: fixed; 
    } 
.itemwrapper { 
    margin-left:0px; 
    display: table-cell; 
    vertical-align: top; 
    width: 100%; 
} 

あなたは私を助けることができますか?ありがとうございました!あなたが提供するだけのコードで

+0

「[マージンプロパティ]テーブルを持つ要素を除くすべての要素に適用されますtable-caption、table、inline-table以外の表示タイプ、つまりmargin-propertyはdisplay:table-cell要素には適用できません。そしてあなたはブートストラップと言ってあなたのHTMLマークアップでそれを使用しません。 – makshh

+0

こんにちは!私はイメージのマージンを "削除"しようとしています。私のテーブルではありません。 – Pickabull

+0

画像に余白がないようです(コードについては何もありません)。私はあなたのコードを適用し、余白はありませんhttps://codepen.io/makshh/pen/XRYdKp – makshh

答えて

0

、私はあなたがこのコードを試みることができると思う:

.wrapper { 
    max-width: 1050px; 
    margin: 60px 0; 
} 

の代わりに:

.wrapper { 
    max-width: 1050px; 
    margin: 60px auto 60px auto; 
} 
関連する問題