Jquery 重新排列/推拉引导卡舌
我有一个奇怪的情况，我有两个引导标签。我们叫他们A&B吧。 案例一：如果选项卡A被标记为默认选项卡，那么它应该显示如下： A|B A同时也是活动选项卡 案例二：如果选项卡B被标记为默认选项卡，那么它应该显示如下： B|A B同时也是活动选项卡 我以这样的方式配置了应用程序，用户现在可以选择默认选项卡&它显示为活动。 但是，如何将默认选项卡显示为第一个选项卡？在这里可以使用Bootstrap中的推拉功能吗 这是引导代码Jquery 重新排列/推拉引导卡舌,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我有一个奇怪的情况，我有两个引导标签。我们叫他们A&B吧。 案例一：如果选项卡A被标记为默认选项卡，那么它应该显示如下： A|B A同时也是活动选项卡 案例二：如果选项卡B被标记为默认选项卡，那么它应该显示如下： B|A B同时也是活动选项卡 我以这样的方式配置了应用程序，用户现在可以选择默认选项卡&它显示为活动。 但是，如何将默认选项卡显示为第一个选项卡？在这里可以使用Bootstrap中的推拉功能吗 这是引导代码 <!DOCTYPE html> <html lang="en
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Case</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Dynamic Tabs</h2>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#tabA">Tab A</a></li>
<li><a data-toggle="tab" href="#tabB">Tab B</a></li>
</ul>
<div class="tab-content">
<div id="tabA" class="tab-pane fade in active">
<h3>Tab A</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div id="tabB" class="tab-pane fade">
<h3>Tab B</h3>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</div>
</body>
</html>
引导盒
动态选项卡
表A
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利
表B
但是，在最低限度上，我们需要一个实验室来进行日常工作
ul.nav-tabs {
display: flex;
}
li.default {
order: -1; /* the default is 0 */
}
ul.nav-tabs {
display: flex;
}
li.default {
order: -1; /* the default is 0 */
}
您还应该发布代码的工作演示您还应该发布代码的工作演示