Bootsrap Custom nav bar shapes : I want make a custom nav bar shapes like below attached images. 

[Design image][1]


I have use below css for this shape.
```
.navbar-nav.nav-bar-custom{
        transform: skew(-21deg);
        border: 1px solid black;
    }
```
But when use this. all my text looks like italic shape. see attached image. 

[After add above css][2]

Any one can help me to resolve this issue? 


  [1]: https://i.stack.imgur.com/G7iIV.png
  [2]: https://i.stack.imgur.com/yC7sY.png