引导模式窗体与下一首/上一个按钮

Question

我是新来引导和jQueryUI的未来我不知道是否有人已经做了一个/上一个窗体界面，以绕过整个滚动视想法。

在过去，我曾与下列内容：

http://css-tricks.com/jquery-ui-tabs-with-nextprevious/

所以之前我开始我想也ask-想寻找出与验证等

Answer 1

任何问题这是未经测试的，但一个基本的想法是包括一个标签导航到你的模态身体，并添加一个prev /下一步按钮，每个标签的内容是这样的：

<form action=""> 
    <div class="tabbable"> 
     <ul class="nav nav-tabs"> 
      <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li> 
      <li class=""><a href="#tab2" data-toggle="tab">Section 2</a></li> 
     </ul> 
     <div class="tab-content"> 
      <div class="tab-pane" id="tab1"> 
      <p>Form for section one</p> 
      <a href="#tab2" data-toggle="tab" class="btn pull-right">Next</a> 
      </div> 
      <div class="tab-pane" id="tab2"> 
      <p>Next form part</p> 
      <a href="#tab2" data-toggle="tab" class="btn pull-left">Prev</a> 
      </div> 
     </div> 
     </div> 
</form> 

另一种选择是隐藏<ul> -Tag并将您的上一页/下一页按钮放入模态页脚中。

Answer 2

<div class="tab-pane" id="tab1"> 

应该

<div class="tab-pane active" id="tab1"> 

Answer 3

我有增加了一个/下一个按钮，使用引导 http://fearlessflyer.com/next-and-previous-buttons-bootstrap-photo-gallery/

也许你可以使用同样的技术照相馆教程 - 使用$（这一点）的.index（）。