<ul id="spouseTabs" class="nav nav-tabs" data-tabs="tabs" role="tablist"> displays as vertical list items instead of horizontal tabs. <div id="SpouseTabContent" class="tab-content"> all of the <div id=xxx class="tab-pane fade" role="tabpanel" aria-labelledby="yyy"> are visible instead of the active tabpanel. When I download an html document that contains a bootstrap nav-tabs example to a file and display that file with Firefox I get the same behavior.