“Test”的版本间的差异
| 第7行： | 第7行： | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h4>First Thumbnail label</h4> | <h4>First Thumbnail label</h4> | ||
| − | <p> | + | <p></p> |
| − | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="item active"> | <div class="item active"> | ||
| − | <div class=""> | + | <div class="">http://www.9tripod.com/uploadfiles/20161115_110853.jpg</div> |
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h4>Second Thumbnail label</h4> | <h4>Second Thumbnail label</h4> | ||
| − | <p> | + | <p></p> |
| − | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="item"> | <div class="item"> | ||
| − | <div class=""> | + | <div class="">http://www.9tripod.com/uploadfiles/20161104_140218.jpg</div> |
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h4>Third Thumbnail label</h4> | <h4>Third Thumbnail label</h4> | ||
| − | <p> | + | <p></p> |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| 第60行： | 第27行： | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
<div class="col-md-12"> | <div class="col-md-12"> | ||
<div class="navbar navbar-default" role="navigation"> | <div class="navbar navbar-default" role="navigation"> | ||
2016年12月8日 (四) 13:01的版本
目录
First Thumbnail label
Second Thumbnail label
Third Thumbnail label
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.