|
2 | 2 | <div class="span12"> |
3 | 3 | <h2>Bootstrap Magic <small>made with AngularJS</small></h2> |
4 | 4 | <p>Discover our gitHub project at the following url : <a href="https://github.com/pikock/bootstrap-magic">Bootstrap magic GitHub Project</a>. Everyone can contribute and we would like to hear your feedback.</p> |
| 5 | + </div> |
| 6 | +</section> |
| 7 | + |
| 8 | +<section class="row-fluid"> |
| 9 | + <div class="span12"> |
| 10 | + <div class="tabbable"> |
| 11 | + <ul class="nav nav-tabs"> |
| 12 | + <li class="active"><a href="#tab1" data-toggle="tab" title="Bootstrap themes AngularJS">Links</a></li> |
| 13 | + <li><a href="#tab2" data-toggle="tab" title="Bootstrap themes generator AngularJS">Navs</a></li> |
| 14 | + <li><a href="#tab3" data-toggle="tab" title="Bootstrap themes generator AngularJS">Breadcrumbs & nav lists</a></li> |
| 15 | + <li class="dropdown"> |
| 16 | + <a class="dropdown-toggle" data-toggle="dropdown" href="" title="Bootstrap themes AngularJS">Dropdown <b class="caret"></b></a> |
| 17 | + <ul class="dropdown-menu"> |
| 18 | + <li><a href="" title="Bootstrap themes generator AngularJS">Action</a></li> |
| 19 | + <li><a href="" title="Bootstrap themes generator AngularJS">Another action</a></li> |
| 20 | + <li><a href="" title="Bootstrap themes generator AngularJS">Something else here</a></li> |
| 21 | + <li class="divider"></li> |
| 22 | + <li><a href="" title="Bootstrap themes generator AngularJS">Separated link</a></li> |
| 23 | + </ul> |
| 24 | + </li> |
| 25 | + </ul> |
| 26 | + <div class="tab-content"> |
| 27 | + <div class="tab-pane active" id="tab1"> |
| 28 | + <p>For more information on <a href="http://www.pikock.com/" title="Pikock">Pikock</a> please check out <a href="http://www.pikock.com/" title="Pikock create your website easily">http://www.pikock.com/</a></p> |
| 29 | + |
| 30 | + <p>For more information on <a href="http://www.autreplanete.com/" title="web agency paris">Autre planete</a> please check out <a href="http://www.autreplanete.com/" title="web agency paris">http://www.autreplanete.com/</a></p> |
| 31 | + |
| 32 | + <p>These variables are applied for the text body color, <a href="" title="Twitter Bootstrap Themes Generator">links color</a> and <a href="" title="Twitter Bootstrap Themes Generator">links color</a> hovered.</p> |
| 33 | + <hr> |
| 34 | + </div> |
| 35 | + <div class="tab-pane" id="tab2"> |
| 36 | + <section class="row-fluid"> |
| 37 | + <div class="span6"> |
| 38 | + <ul class="nav nav-tabs nav-stacked"> |
| 39 | + <li class="active"><a href="" title="Bootstrap themes generator AngularJS">Home</a></li> |
| 40 | + <li><a href="" title="Bootstrap themes generator AngularJS">Profile</a></li> |
| 41 | + <li><a href="" title="Bootstrap themes generator AngularJS">Messages</a></li> |
| 42 | + </ul> |
| 43 | + </div> |
| 44 | + <div class="span6"> |
| 45 | + <ul class="nav nav-pills nav-stacked"> |
| 46 | + <li class="active"><a href="" title="Twitter Bootstrap themes generator AngularJS">Home</a></li> |
| 47 | + <li><a href="" title="Twitter Bootstrap themes generator AngularJS">Profile</a></li> |
| 48 | + <li><a href="" title="Twitter Bootstrap themes generator AngularJS">Messages</a></li> |
| 49 | + </ul> |
| 50 | + </div> |
| 51 | + </section> |
| 52 | + </div> |
| 53 | + <div class="tab-pane" id="tab3"> |
| 54 | + <section class="row-fluid"> |
| 55 | + <div class="span6"> |
| 56 | + <ul class="breadcrumb"> |
| 57 | + <li><a href="" title="Bootstrap themes generator AngularJS">Home</a> <span class="divider">/</span></li> |
| 58 | + <li class="active">Kitchen</li> |
| 59 | + </ul> |
| 60 | + <ul class="breadcrumb"> |
| 61 | + <li><a href="" title="Bootstrap themes generator AngularJS">Home</a> <span class="divider">/</span></li> |
| 62 | + <li><a href="" title="Bootstrap themes generator AngularJS">Kitchen</a> <span class="divider">/</span></li> |
| 63 | + <li class="active">Toilet</li> |
| 64 | + </ul> |
| 65 | + </div> |
| 66 | + <div class="span6"> |
| 67 | + <div class="well"> |
| 68 | + <ul class="nav nav-list"> |
| 69 | + <li class="nav-header">List header</li> |
| 70 | + <li><a href="" title="Twitter Bootstrap themes generator AngularJS">Profile</a></li> |
| 71 | + <li><a href="" title="Twitter Bootstrap themes generator AngularJS">Settings</a></li> |
| 72 | + </ul> |
| 73 | + </div> |
5 | 74 |
|
6 | | - <p>For more information on <a href="http://www.pikock.com/" title="Pikock">Pikock</a> please check out <a href="http://www.pikock.com/" title="Pikock create your website easily">http://www.pikock.com/</a></p> |
7 | 75 |
|
8 | | - <p>For more information on <a href="http://www.autreplanete.com/" title="web agency paris">Autre planete</a> please check out <a href="http://www.autreplanete.com/" title="web agency paris">http://www.autreplanete.com/</a></p> |
9 | | - <hr> |
10 | 76 |
|
11 | | - <p>These variables are applied for the text body color, <a href="" title="Bootstrap Themes Generator">links color</a> and <a href="" title="Bootstrap Themes Generator">links color</a> hovered.</p> |
12 | | - <hr> |
13 | | - <p>You could also set variables the border radius for differents size.</p> |
14 | | - </div> |
| 77 | + </div> |
| 78 | + </section> |
| 79 | + |
| 80 | + </div> |
| 81 | + </div> |
| 82 | + </div> |
| 83 | + </div> |
15 | 84 | </section> |
| 85 | + |
| 86 | + |
16 | 87 | <section class="row-fluid"> |
17 | | - <div class="span12"> |
| 88 | + <div class="span12"> |
| 89 | + <p>You could also set variables the border radius for differents size.</p> |
18 | 90 | <table class="table table-bordered"> |
19 | 91 | <tbody> |
20 | 92 | <tr> |
|
0 commit comments