Thursday, December 15, 2016

Tabs in MVC


Sample syntax for MVC TAB using bootstrap css & js

<div id="content">
        <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
            <li class="active"><a href="#tab1" data-toggle="tab">Dotnet</a></li>
            <li><a href="#tab2" data-toggle="tab">Java</a></li>
            <li><a href="#tab3" data-toggle="tab">Database</a></li>
        </ul>
        <div id="my-tab-content" class="tab-content">
            <div class="tab-pane  active" id="tab1">
              <h1> test1<h2>
            </div>
            <div class="tab-pane" id="tab2">
              test2
            </div>
            <div class="tab-pane" id="tab3">
             test3
            </div>
</div>

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.