Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何使用bootstrap3创建具有两种颜色的导航栏_Css_Twitter Bootstrap_Less_Navbar - Fatal编程技术网

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

Css 如何使用bootstrap3创建具有两种颜色的导航栏,css,twitter-bootstrap,less,navbar,Css,Twitter Bootstrap,Less,Navbar,如何使用less和bootstrap 3创建两种颜色的导航条,如下所示: 您可以使用默认引导HTML代码创建导航栏。 如果不需要它们的样式,可以删除“navbar default”类 然后您只需将内的浮动到右侧,给它一个背景色,并在其前面添加一个三角形 要创建三角形,我需要为创建一个:before伪元素,并使用它来创建三角形。然后负边距:在元素将其带到导航前面之前,您就离开了 我对HTML和CSS做了一些修改 这肯定会让你开始 您有没有试过的代码?谢谢!!这帮我!

如何使用less和bootstrap 3创建两种颜色的导航条,如下所示:


您可以使用默认引导HTML代码创建导航栏。 如果不需要它们的样式,可以删除“navbar default”类

然后您只需将
内的
浮动到右侧,给它一个背景色,并在其前面添加一个三角形

要创建三角形,我需要为
创建一个
:before
伪元素,并使用它来创建三角形。然后负边距:在元素将其带到导航前面之前,您就离开了

我对HTML和CSS做了一些修改

这肯定会让你开始


您有没有试过的代码?谢谢!!这帮我!