TwitterBootstrapMvc
TwitterBootstrapMvc copied to clipboard
Nav-pills nav-stacked and Tabs
Hello,
Is there a way to generate the following output with BMVC?
<div class="row">
<div class="col-md-2">
<ul class="nav nav-pills nav-stacked" id="tabs">
<li class="active"><a href="#tab_pd" data-toggle="pill">Property Details</a></li>
<li><a href="#tab_ad" data-toggle="pill">Additional Details</a></li>
</ul>
</div>
<div class="col-md-10">
<div class="tab-content">
<div class="tab-pane active" id="tab_pd">
<h4>Property details Form</h4>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas.</p>
</div>
<div class="tab-pane" id="tab_ad">
<h4>Additional details Form</h4>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas.</p>
</div>
</div><!-- /tab content -->
</div>
</div>
I tried using: @using(var nav = Html.Bootstrap().Begin(new Nav().Style(NavType.Pills).Stacked())) but unable to produced above output
Regards Hammayo
yeah, this would require some sort of a combination of helpers for Tabs
and Nav
. However, currently Tabs
helper cannot be used without specifying the tab names, which is what you are doing using Navs.
Anyway, long story short, BMVC does not support this currently. I might consider rewriting Navs and Tabs in the future to make them more flexible.
Thanks - That would be great!!