2017-09-18 8 views
1

にパディングを削減: - 私はパディング(またはマージンを削減するために、CSSファイルを変更する方法がわからないhttps://startbootstrap.com/template-overviews/scrolling-nav/私は、このページでbootsrapのテーマをダウンロードしたブートストラップ部分要素(CSS)

(もしあれば)<section id="about">要素(ファイルindex.html)。

どこに行くのか教えていただけますか?

ありがとうございます!

+1

セクション{パディング:0px!重要;}のように、オーバーライドする必要があるcssの部分をオーバーライドする独自のcssクラスを追加して、このファイルのリンクをこの変更が必要なページに追加できます – TechGirl

+0

任意のブラウザから要素を調べると、CSSファイルが存在する行番号と完全なアドレスを見つけることができます。次に、パディングを設定したり、パディングを減らしたり、クラスIDでインラインCSSを書くことができます。

答えて

1

私はあなたが少なくとも外部のcssファイルで作業する方法を知っていると仮定しています。

ファイルを作成するには、「home.css」と言うことができます。ファイルに次の行を追加します。

section { 
    padding : 0px; 
} 

あなたの要件に応じて調整します。私は推測動作するはず

<link href="/path/to/bootstrap"> 
<link href="/path/to/home.css"> 
...

すると、ファイル、あなたの下にそれを置くことを忘れないでください

は、あなたのindex.htmlファイルにブートストラップファイルのインクルードタグに次のCSSファイルを追加します上書きしたい

追加注:あなたが使いたい場合は、重要です!この記事を読む。 https://css-tricks.com/when-using-important-is-the-right-choice/

1

外部のcssファイルを組み込むことについてのTomonsoの説明に加えて、自分のカスタムクラスをセクションに置き、そのクラスのcssを設定することをおすすめします。あなたの "about" idで同じことをすることはできますが、同じ間隔で書式を設定したいセクションがたくさんあるようです。どちらもブートストラップのスタイリングよりも具体的で優先順位は高くなります。 sectionスタイリングをオーバーライドしただけでは、ファイルの順序が重要になります。 See here for css precedence details.

パディングまたはマージンを使用するかどうかは、境界内にスペーシングを挿入するかどうかを尋ねてください。境界線がない場合は、セクションの色と同じ色にするか、または透明にするかを指定します。セクションと要素を含む要素が同じ色である場合は、どちらを使用するかは関係ありません。 Reference

関連する問題