Twitter bootstrap 为什么引导3个选项卡不能正常工作?
我有这个标签 الموضوع الرئيسي الموضوع الرئيسي النص التاريخ الوقتTwitter bootstrap 为什么引导3个选项卡不能正常工作?,twitter-bootstrap,Twitter Bootstrap,我有这个标签 الموضوع الرئيسي الموضوع الرئيسي النص التاريخ الوقت 首先,你的问题缺乏细节。什么工作不正常 然后,您的..项目应包装在中,如下所示 然后,小心使用中的和活动的,因为它们控制选项卡的显示行为 然后,看看我的实现,我做了几处改动。。。不要忘记包含Jquery,因为bootstrap在很多事情上都需要它 $('myTabs a')。单击(函数(e){ e、 预防默认值() $(this.tab('show')) }) 我的网站
首先,你的问题缺乏细节。什么工作不正常 然后,您的
..
项目应包装在
中,如下所示
然后,小心使用中的和活动的,因为它们控制选项卡的显示行为
然后,看看我的实现,我做了几处改动。。。不要忘记包含Jquery
,因为bootstrap在很多事情上都需要它
$('myTabs a')。单击(函数(e){
e、 预防默认值()
$(this.tab('show'))
})
我的网站
-
-
الموضوع الرئيسي
النص
التاريخ
الوقت
الموضوع الرئيسي
li><a href="#neFrom" data-toggle="tab" class="btn nav-link" >الأخبار</a></li>
<li><a href="#GallaryForm9" data-toggle="tab" class="btn nav-link" >الصور</a></li>
<li><a class="btn nav-link" href="#">الفيديو</a></li>
<div class="tab-content clearfix">
<div id="GallaryForm9" class="tab-pane fade in active">
<div class="input-field col s12">
<input placeholder="" id="first_name" type="text" class="validate">
<label for="first_name">الموضوع الرئيسي</label>
</div>
</div>
<div id="neFrom" class="tab-pane fade in active">
<div class="input-field col s12">
<input placeholder="" id="first_name" type="text" class="validate">
<label for="first_name">الموضوع الرئيسي</label>
</div>
<div class="input-field col s12">
<textarea id="textarea1" class="materialize-textarea"></textarea>
<label for="textarea1">النص</label>
</div>
<div class="input-field col m2 s6">
<input placeholder=" / / " id="first_name" type="text" class="datepicker validate">
<label for="first_name">التاريخ</label>
</div>
<div class="input-field col m2 s6">
<input id="timepicker_ampm_dark" class="timepicker" type="time">
<label for="timepicker_ampm_dark">الوقت</label>
</div>
<div class="col m8 s12"></div>
</div>
</div>