マージンを減らす方法（ブートストラップ）

Question

これはかなり小さな問題ですが、青いバーの上にある「136ラップトップ」とその上にあるボタンのマージンを減らす方法を理解できません。

関連するすべてのCSSとHTMLをhereにコピーしました。なぜなら何らかの理由で左端のドロップダウンが互いの上に表示されていますが、私にとってはうまくいきます。このマージンをどのようにして削減することができますか？ 、あなたの質問にリンクを表示する は

Answer 1

、あなたはについて話すの要素間のいずれかの余裕があるようには表示されませんが、左側のlocationとtypeメニューボックスがinline'dされるのではなく、スタッキングされていますしたがって、設定：

.dropdown, .dropup { 
    display: inline-block; /* add this */ 
    position: relative; 
} 

は、両方のドロップダウンが同じ行に表示され、互いの下に積み重なりません。

---

Altenativelyあなたはゼロ以下にマージンを減らすことができますが、これは、重複要素を危険にさらすと、おそらく一般的に良いアイデアではないですが、あなたはできるでしょう：

最初の段落に影響を与えるだろう

.panel-body > p:first-of-type { 
    margin-top:-5px /*move the block up by 5px */ 
} 

パネルボディクラスの子です。