24仓库控制系统
blame | 历史 | 原始文档
bklLiudl
2024-07-23 7850733bb718cb91be15449261d0134f59903c4c 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124

<!DOCTYPE html>


<html>


  <head>


    <title>Basic Pills Example</title>


    <!-- Bootstrap -->


    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">


    <link href="../prettify.css" rel="stylesheet">


  </head>


  <body>


    <div class='container'>


        


        <div class="span12">


            <section id="wizard">


              <div class="page-header">


                <h1>Basic Pills Wizard</h1>


              </div>


    


                <div id="rootwizard">


                    <ul>


                          <li><a href="#tab1" data-toggle="tab">First</a></li>


                        <li><a href="#tab2" data-toggle="tab">Second</a></li>


                        <li><a href="#tab3" data-toggle="tab">Third</a></li>


                        <li><a href="#tab4" data-toggle="tab">Forth</a></li>


                        <li><a href="#tab5" data-toggle="tab">Fifth</a></li>


                        <li><a href="#tab6" data-toggle="tab">Sixth</a></li>


                        <li><a href="#tab7" data-toggle="tab">Seventh</a></li>


                    </ul>


                    <div class="tab-content">


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


                          1


                        </div>


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


                          2


                        </div>


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


                            3


                        </div>


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


                            4


                        </div>


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


                            5


                        </div>


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


                            6


                        </div>


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


                            7


                        </div>


                        <ul class="pager wizard">


                            <li class="previous first" style="display:none;"><a href="#">First</a></li>


                            <li class="previous"><a href="#">Previous</a></li>


                            <li class="next last" style="display:none;"><a href="#">Last</a></li>


                              <li class="next"><a href="#">Next</a></li>


                        </ul>


                    </div>    


                </div>


                


<h3>HTML</h3>


<pre class="prettyprint linenums">


&lt;div id="rootwizard">


    &lt;ul>


          &lt;li>&lt;a href="#tab1" data-toggle="tab">First&lt;/a>&lt;/li>


        &lt;li>&lt;a href="#tab2" data-toggle="tab">Second&lt;/a>&lt;/li>


        &lt;li>&lt;a href="#tab3" data-toggle="tab">Third&lt;/a>&lt;/li>


        &lt;li>&lt;a href="#tab4" data-toggle="tab">Forth&lt;/a>&lt;/li>


        &lt;li>&lt;a href="#tab5" data-toggle="tab">Fifth&lt;/a>&lt;/li>


        &lt;li>&lt;a href="#tab6" data-toggle="tab">Sixth&lt;/a>&lt;/li>


        &lt;li>&lt;a href="#tab7" data-toggle="tab">Seventh&lt;/a>&lt;/li>


    &lt;/ul>


    &lt;div class="tab-content">


        &lt;div class="tab-pane" id="tab1">


          1


        &lt;/div>


        &lt;div class="tab-pane" id="tab2">


          2


        &lt;/div>


        &lt;div class="tab-pane" id="tab3">


            3


        &lt;/div>


        &lt;div class="tab-pane" id="tab4">


            4


        &lt;/div>


        &lt;div class="tab-pane" id="tab5">


            5


        &lt;/div>


        &lt;div class="tab-pane" id="tab6">


            6


        &lt;/div>


        &lt;div class="tab-pane" id="tab7">


            7


        &lt;/div>


        &lt;ul class="pager wizard">


            &lt;li class="previous first" style="display:none;">&lt;a href="#">First&lt;/a>&lt;/li>


            &lt;li class="previous">&lt;a href="#">Previous&lt;/a>&lt;/li>


            &lt;li class="next last" style="display:none;">&lt;a href="#">Last&lt;/a>&lt;/li>


              &lt;li class="next">&lt;a href="#">Next&lt;/a>&lt;/li>


        &lt;/ul>


    &lt;/div>    


&lt;/div>


</pre>


 


<h3>JS</h3>


<pre class="prettyprint linenums">


$(document).ready(function() {


      $('#rootwizard').bootstrapWizard({'tabClass': 'nav nav-pills'});


});


</pre>    


                


            </section>


         </div>


    </div>


    <script src="http://code.jquery.com/jquery-latest.js"></script>


    <script src="../bootstrap/js/bootstrap.min.js"></script>


    <script src="../jquery.bootstrap.wizard.js"></script>


    <script src="../prettify.js"></script>


    <script>


    $(document).ready(function() {


          $('#rootwizard').bootstrapWizard({'tabClass': 'nav nav-pills'});    


        window.prettyPrint && prettyPrint()


    });    


    </script>


  </body>


</html>