ブートストラップ付きのカスタムnavbarシェイプ

Question

ブートストラップナビバーは常に同じように見えますが、すべてのメニュー項目は単純な長方形です。

メニュー項目には平行四辺形を使用できますか？それはどのように機能しますか？

は、ここで私が言いたいの画像です：http://i.imgur.com/Z2rAV8A.png

Answer 1

使用スキューCSSプロパティ

テキストを傾けることにしたくない場合は

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

、

その後、李内部スキュータグを逆に、 タグのアクティブな、ホバーcssを変更してください。