Sharepoint 2013 + bootstrap 3 

Please first check my previous post on custom navigation

https://akhileshgandhi.wordpress.com/2013/08/08/sharepoint-2013-custom-navigation-with-bootstrap/

changes for bootstrap 3

Added following references in MasterPage html

<link rel=”stylesheet” href=”//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/css/bootstrap.min.css”>

<script src=”//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/js/bootstrap.min.js”></script>

rap your  TopNavigationNoFlyoutWithStartNode node with

<nav class=”navbar navbar-inverse” role=”navigation”>
<div class=”navbar-header”>
<button type=”button” class=”navbar-toggle” data-toggle=”collapse” data-target=”.navbar-ex1-collapse”>
<span class=”sr-only”>Toggle navigation</span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
</button>

</div>

end you nav tag where TopNavigationNoFlyoutWithStartNode  ends
</nav>

wrote custom js file to change DOM to use specific css on Sharepoint navigation

please refer to my previous post on how to modify DOM for 2013 Navigation

Image