“Test”的版本间的差异
（创建页面，内容为“<div class="col-sm-12"> <ul class="nav nav-pills nav-tabs-lighter"> <li class="active">Home</li> <li>Another Title</li> <li>A...”） |
|||
| 第1行： | 第1行： | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<div class="col-md-6"> | <div class="col-md-6"> | ||
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> | ||
<div class="carousel-inner"> | <div class="carousel-inner"> | ||
<div class="item"> | <div class="item"> | ||
| − | <div class=""> | + | <div class="">http://www.9tripod.com/uploadfiles/20161103_153359.jpg</div> |
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h4>First Thumbnail label</h4> | <h4>First Thumbnail label</h4> | ||
2016年12月8日 (四) 12:54的版本
目录
- 1 First Thumbnail label
- 2 Second Thumbnail label
- 3 Third Thumbnail label
- 4 First Thumbnail label
- 5 Second Thumbnail label
- 6 Third Thumbnail label
- 7 Modal Heading
- 8 Paragraphs
- 9 Thumbnail label
- 10 Thumbnail label
- 11 Thumbnail label
- 12 BootStrap Panel
- 13 Panel Title
- 14 Panel Title
- 15 Cavila Portlet Overview
- 16 Bootstrap Portlet 2
- 17 Bootstrap Portlet 3
First Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.
Second Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.
Third Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.
First Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.
Second Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.
Third Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.
success
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Launch Text Modal
info
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
danger
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
default
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
light
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
lighter
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
BootStrap Panel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, sollicitudin turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla cursus lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.
Panel Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, sollicitudin turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla cursus lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.
Panel Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, sollicitudin turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla cursus lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.
Cavila Portlet Overview
Note the functionality, while not the same as tabs, it allows for large blocks of content in a small space in the same way as tabs, but with additional functionality that would be difficult to accomplish with tabs. Personally I prefer porlets to tabs, we've not looked at tabs yet because there were issues with linking, but if you're insistent we can look at including them
As to portlet functionality note how they can be dragged and dropped to different locations, if you select the it will remove a portlet and the chevrons open and close the panels. Panels can also be set to the desired potion, either open or closed on page load.
Bootstrap Portlet 2
Bootstrap Portlet 3
This functionility can also be used in text, hovering over certain words will produce the Tool Tip. You can also do the same underneath. Tool Tips can be also be shown to the left, or to the right.