Как увеличить нижнюю границу для панели навигации в бутстрапе с помощью CSS

В основном, я хочу добавить цветную рамку ниже панели навигации (по умолчанию зафиксирован navbar) в бутстрапе. Для этого я добавил стиль границы в CSS, и он работает, который показывает границу ниже панели навигации, но я хочу, чтобы эта граница несколько толще, и я не понимаю, как это сделать? Как увеличить нижнюю границу для панели навигации в бутстрапе с помощью CSS

код-

<div class="tab-content"> 
    <div id="home" class="tab-pane fade in active"> 
    <h3>HOME</h3> 
    <p>home</p> 
    </div> 
    <div id="menu1" class="tab-pane fade"> 
    <h3>Menu 1</h3> 
    <p>home1</p> 
    </div> 
    <div id="menu2" class="tab-pane fade"> 
    <h3>Menu 2</h3> 
    <p>home2</p> 
    </div> 
    <div id="menu3" class="tab-pane fade"> 
    <h3>Menu 3</h3> 
    <p>home3</p> 
    </div> 
</div> 
</div> 
</body> 
</html>

и CSS, как показано ниже

.navbar-default{ 
background-color: #A52A2A !important; 
border-style: solid; 
border-bottom-width: 15px; 
border-bottom-color: #7FFF00 !important; 
}

, но здесь эта граница дна, ширина: 15px; свойство не собираюсь работать .... так есть ли возможность увеличить толщину границы? если у вас есть какое-либо другое решение, то также предложите мне .... спасибо u

источник

2016-06-12 Manoj

Можете ли вы показать нам, в каком порядке вы назвали свой bootstrap.css и свой собственный main.css? – JohannesB

благодарит Johannes, чтобы выразить это, из-за моей ошибки я поместил свой файл CSS прямо над bootstrap.css, что создает проблему ... теперь я исправил его, и он отлично работает ... – Manoj

Привет, я вижу, что вы новый для SO. Если вы чувствуете, что ответ решил проблему, отметьте ее как «принятую», нажав зеленую галочку. Это помогает сосредоточиться на более старых SO, которые до сих пор не имеют ответов. Также прочитайте [эту страницу] (http://stackoverflow.com/help/someone-answers) о принятии ответов и комментариях «спасибо». – JohannesB

использовать, например, 2px после border-style: solid;

источник

2016-06-12 10:50:18 murtaza

Я думаю, что проблема, с которой вы столкнулись, может быть связана с тем, что ваш файл css находится над файлом bootstrap.css. Это приводит к тому, что bootstrap.css перезаписывает ваш пользовательский CSS, поэтому не дает более широкого пограничного дна. Вы можете решить эту проблему, разместив свой собственный CSS под файлом bootstrap.css, дав вам последнее слово на стилистике.

источник

2016-06-12 11:12:53 JohannesB

.navbar-default {border-bottom: 15px solid # 7FFF00! Important; цвет фона: # A52A2A! Important; }

Попробуйте с этим

источник

2016-06-14 11:59:33 Dharmesh

Как увеличить нижнюю границу для панели навигации в бутстрапе с помощью CSS

ответ

Смежные вопросы