Bootstrap navbar没有边框半径吗? [英] Bootstrap navbar no border radius?

问题描述

我正在尝试从导航栏中删除边框和圆角.

I'm trying to remove the border and round corner from the nav-bar.

.navbar-default {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

但这不起作用，有什么主意吗?

But it does not work, any ideas?

HTML

    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">Brand</a>
            </div>
            <ul class="nav navbar-nav">
                <li><a href="#">Home</a></li>
                <li><a href="#">Work</a></li>
                <li><a href="#">Shop</a></li>
                <li><a href="#">About</a></li>
            </ul>
        </div>
    </nav>

推荐答案

" .navbar-defaul t"并非原因.要从导航栏中删除边框和圆角，请尝试以下操作:

".navbar-default" is not cause. To remove the border and round corner from the nav-bar, You should try it:

.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

这篇关于Bootstrap navbar没有边框半径吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！