Sharepoint 2013 + bootstrap 3

Please first check my previous post on custom navigation

changes for bootstrap 3

Added following references in MasterPage html

<link rel=”stylesheet” href=”//”>

<script src=”//”></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>


end you nav tag where TopNavigationNoFlyoutWithStartNode  ends

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