ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Implement Dynamic BootStrap Tabs in ASP.Net MVC<p>Hi <a class="username" rel="AliYilmaz"> AliYilmaz</a>,</p> <p>I have checked its working when @item.KonaklamaID = 2 and&nbsp;@item.T_Konaklama.KonaklamaGece = 2 as per your html.</p> <div class="demo_block"> <pre class="brush: html">&lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt; &lt;head runat=&#34;server&#34;&gt; &lt;title&gt;&lt;/title&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js&#34;&gt;&lt;/script&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css&#34; /&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&#34;flight-details-body&#34; id=&#34;dattab&#34;&gt; &lt;ul class=&#34;nav nav-tabs&#34; id=&#34;myTab&#34;&gt; &lt;li class=&#34;active&#34;&gt;&lt;a href=&#34;#1&#34; data-toggle=&#34;tab&#34;&gt;U&ccedil;uş Detay&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#34;#2&#34; data-toggle=&#34;tab&#34;&gt;Konaklama Detay&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class=&#34;tab-content&#34;&gt; &lt;div id=&#34;1&#34; class=&#34;tab-pane fade active in&#34; data-toggle=&#34;tab&#34;&gt; &lt;h5 class=&#34;itinerary-date&#34;&gt; &lt;/h5&gt; &lt;div class=&#34;itinerary-details text-center&#34;&gt; &lt;div class=&#34;flight&#34;&gt; &lt;div class=&#34;col-md-1 col-sm-2 col-xs-3&#34;&gt; &lt;img src=&#34;@item.T_Sirket.SirketLogo&#34; alt=&#34;cruise&#34;&gt; &lt;h6&gt; @item.T_Sirket.YetkiliAd&lt;/h6&gt; &lt;/div&gt; &lt;div class=&#34;col-md-3 col-sm-3 col-xs-3&#34;&gt; &lt;h4&gt; @item.GidisTarihi.Value.TimeOfDay&lt;/h4&gt; &lt;h5&gt; @item.T_ILCE.ILceAd&lt;/h5&gt; &lt;/div&gt; &lt;div class=&#34;col-md-1 col-sm-1 col-xs-1&#34;&gt; &lt;i class=&#34;fa fa-long-arrow-right&#34;&gt;&lt;/i&gt; &lt;/div&gt; &lt;div class=&#34;col-md-3 col-sm-3 col-xs-3&#34;&gt; &lt;h4&gt; @item.T_IL.ILAd&lt;/h4&gt; &lt;h5&gt; @item.T_ILCE.ILceAd&lt;/h5&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;clearfix&#34;&gt; &lt;/div&gt; &lt;div&gt; &lt;div class=&#34;clearfix-sm&#34;&gt; &lt;/div&gt; &lt;div class=&#34;col-md-6 col-sm-6 airline-rating text-center&#34;&gt; &lt;h5&gt; Firma Reyting&lt;/h5&gt; &lt;i class=&#34;fa fa-star colored&#34;&gt;&lt;/i&gt;&lt;i class=&#34;fa fa-star colored&#34;&gt;&lt;/i&gt;&lt;i class=&#34;fa fa-star colored&#34;&gt; &lt;/i&gt;&lt;i class=&#34;fa fa-star colored&#34;&gt;&lt;/i&gt;&lt;i class=&#34;fa fa-star&#34;&gt;&lt;/i&gt; &lt;h6&gt; 4.0/5 - 128 Ziyaret&ccedil;i&lt;/h6&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id=&#34;2&#34; class=&#34;tab-pane fade&#34; data-toggle=&#34;tab&#34;&gt; &lt;div class=&#34;itinerary-details&#34;&gt; &lt;div class=&#34;col-md-6 col-sm-6&#34;&gt; &lt;table class=&#34;table table-striped table-bordered&#34; style=&#34;margin-top: 20px;&#34;&gt; &lt;tr&gt; &lt;td&gt; Konaklama &lt;/td&gt; &lt;td&gt; 2 Gece &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; Konfor &lt;/td&gt; &lt;td&gt; @item.T_Konaklama.Konfor Yıldız &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</pre> </div> <p><a class="demo button orange btn btn-red">Demo</a></p>https://www.aspforums.net:443/Threads/140982/Implement-Dynamic-BootStrap-Tabs-in-ASPNet-MVC/https://www.aspforums.net:443/Threads/140982/Implement-Dynamic-BootStrap-Tabs-in-ASPNet-MVC/Tue, 28 Nov 2017 23:41:11 GMT