如何使用bootstrap3创建两种颜色的导航栏

Question

如何使用less和bootstrap 3创建一个两种颜色的导航栏，如下所示：

http://imageshack.us/photo/my-images/208/fity.png/

Answer 1

您可以使用默认的引导程序HTML代码来创建导航栏。 如果您不想要他们的样式，可以删除'navbar-default'类。

然后你只想将<ul class="nav">漂浮在<nav>的右边，给它一个背景颜色，并在它的正面加一个三角形。

要制作三角形，我会为:before创建一个<ul class="nav">伪元素，并使用CSS borders创建三角形。然后负面地说：在元素之前把它带到导航面前，然后你就离开了。

我已经弄清楚了HTML和CSS。

当然应该让你开始。

http://jsfiddle.net/davidpauljunior/5JzdU/