I have a problem with bootstrap and bootstrap awesome font.`<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">`
when I put these together something is not working. If I remove for example bootstrap, font awesome is working. I am trying to add social media buttons like this: [social media buttons](https://i.stack.imgur.com/v8sM3.png) 
and it is working but without bootstrap. But when I add bootstrap I am loosing navigation bar: [broken buttons when add bootstrap](https://i.stack.imgur.com/XmD87.png). Sorry for my bad explanation I am new in this :) any help would be appreciated.