我不知道你是指导航栏中的按钮还是导航栏本身，所以我提供了2个演示。

演示圆形按钮

http://jsfiddle.net/r10tjkuz/

中央支助组

.nav-border {
    border-radius: 30px;    
    }

演示圆形导航栏

http://jsfiddle.net/6y1294rv/

中央支助组

.nav-bordera {
    border-top-left-radius:30px;
    border-bottom-left-radius:30px;   
    }

    .nav-borderb {
    border-top-right-radius:30px;
    border-bottom-right-radius:30px;  
    }

是的，你可以。添加一个CSS类到你的导航栏，并设置边框半径：

<div class="navbar" data-role="navbar"></div>

.navbar {
     border-radius: 30px;
}

如果你不想添加类，你可以使用CSS属性选择器（但我通常不这样做）。

[data-role=navbar] { 
     border-radius: 30px;
}

是的，或者如果供应商前缀对你来说那么重要--就像它们看起来的那样：

[data-role=navbar] {
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

如果你正在使用bootstrap 4，那么你可以通过在你的css中添加以下代码来实现：

.header-dark .navbar {

border-radius:25px;

}