自定义导航栏形状与引导程序

Question

使用bootstrap导航栏似乎总是看起来一样，每个菜单项都是一个简单的矩形。

是否可以为菜单项设置平行四边形？这会怎么样？

以下是我的意思：http://i.imgur.com/Z2rAV8A.png

Answer 1

使用skew css属性

.nav>li{
    transform: skew(-21deg);
    border: 1px solid black;
}

如果您不希望文字倾斜，

然后在li里面反转skew标签， 并更改标签的活动悬停css。