Как уменьшить маржу (Bootstrap)

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 */ 
} 

Какой бы эффект первый абзац ребенка класса панели.