Css 向引导导航栏添加自定义样式

我想知道如何设计引导导航栏，使其看起来像这样：

我使用的是标准的引导navbar内部类，带有一些CSS样式。我希望导航栏中的彩色矩形不影响导航

---

最好使用CSS或图像来实现效果吗？

我会使用

repeat-x

背景图像来显示包含您提到的图案的整个框

大概是这样的：

.navbar-inner {
    background-image: url(image.png);
    background-repeat: repeat-x;
    background-position: top left;
    padding-top: 10px; /*Height of the image*/
}

您可以使用如下图像：

.navbar-inner {
    background-image: url(image.png);
    background-repeat: repeat-x;
    background-position: top left;
    padding-top: 10px; /*Height of the image*/
}

---

我在这个网站上用css做的-