我正在使用这个包含子视图的大视图上的 Bootstrap 。我有一吨的标签上的更大的看法,但只有一套他们故障一贯。我已经检查了语法对其他工作标签药丸部分,但最后一个标签部分始终存在。
<div class="row" style="height:350px">
<div class="col-lg-3">
<h3>Users</h3>
<ul class="nav nav-pills nav-stacked">
<li id="Cre" class ="active"><a data-toggle="pill" href="#CreUser" onchange="HideIt(1)"> Create User</a></li>
<li id="Mod"><a data-toggle="pill" href="#ModUser" onchange="HideIt(2)"> Modify User</a></li>
<li id="Del"><a data-toggle="pill" href="#DelUser" onchange="HideIt(3)"> Delete User</a></li>
</ul>
</div>
<div class="container col-lg-8 col-lg-offset-1" style="height:95%;border-radius:70px;border-color:darkblue; border:1px solid">
<div class="tab-content col-lg-offset-1">
<div id="CreUser" class="tab-pane active">
@Html.Action("CreateUser", "Home")
</div>
<div id="ModUser" class="tab-pane">
@Html.Action("ModifyUser", "Home")
</div>
// NO MATTER WHAT THIS TAB ALWAYS APPEARS IN THE PANE OR IS PUSHED DOWN OUT OF THE WINDOW PANE BY THE OTHER TAB SECTIONS
<div id="DelUser" class="tab-pane">
@Html.Action("DeleteUser", "Home")
</div>
</div>
</div>
</div>
Example Screenshot of Tab Malfuction
任何帮助将不胜感激
3条答案
按热度按时间r7xajy2e1#
按顺序链接Bootstrap:
Check out this:
jsfiddle5sxhfpxr2#
我在Modify user action视图中遗漏了一个额外的
div
元素。这导致我的标签窗格提前退出,导致下一个标签窗格始终处于活动状态。pbossiut3#
如果将来有人使用这个,在我的特定情况下,我有多个用于不同目的的选项卡组。标签的 *href * 是相同的。因此,我为选项卡href和选项卡窗格 * Id *s使用了不同的值,问题得到了解决:)