Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
example [2018/08/31 13:17] – nampara17 | example [2018/08/31 13:36] (current) – nampara17 | ||
---|---|---|---|
Line 416: | Line 416: | ||
</ | </ | ||
- | |||
< | < | ||
Line 457: | Line 456: | ||
==== Bootswrapper plugin ==== | ==== Bootswrapper plugin ==== | ||
- | Jumbotron | + | ==== Jumbotron |
+ | < | ||
< | < | ||
===== Hello, world! ===== | ===== Hello, world! ===== | ||
Line 466: | Line 466: | ||
content or information. | content or information. | ||
</ | </ | ||
+ | </ | ||
- | Panel | + | < |
+ | ===== Hello, world! ===== | ||
+ | This is a simple hero unit, a simple jumbotron-style | ||
+ | component for calling extra attention to featured | ||
+ | content or information. | ||
+ | </ | ||
+ | |||
+ | ==== Panel ==== | ||
+ | |||
+ | < | ||
<panel type=" | <panel type=" | ||
Panel content | Panel content | ||
</ | </ | ||
+ | </ | ||
- | Alert | + | <panel type=" |
+ | Panel content | ||
+ | </ | ||
+ | ==== Alert ==== | ||
+ | |||
+ | < | ||
<alert type=" | <alert type=" | ||
**Well done!** You successfully read this important alert message. | **Well done!** You successfully read this important alert message. | ||
</ | </ | ||
+ | </ | ||
- | Text | + | <alert type=" |
+ | **Well done!** You successfully read this important alert message. | ||
+ | </ | ||
+ | ==== Text ==== | ||
+ | |||
+ | < | ||
* <text type=" | * <text type=" | ||
* <text type=" | * <text type=" | ||
Line 487: | Line 509: | ||
* <text type=" | * <text type=" | ||
* <text type=" | * <text type=" | ||
+ | </ | ||
- | Tooltip | + | * <text type=" |
+ | * <text type=" | ||
+ | * <text type=" | ||
+ | * <text type=" | ||
+ | * <text type=" | ||
+ | * <text type=" | ||
+ | ==== Tooltip ==== | ||
+ | |||
+ | < | ||
<tooltip title=" | <tooltip title=" | ||
+ | </ | ||
- | Grid | + | <tooltip title=" |
+ | ==== Grid ==== | ||
+ | |||
+ | < | ||
< | < | ||
- | <col sm=" | + | <col sm=" |
- | <col sm=" | + | |
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</ | ||
+ | <col sm=" | ||
+ | |||
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</ | ||
</ | </ | ||
+ | </ | ||
< | < | ||
- | < | + | <col sm=" |
- | < | + | |
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</ | ||
+ | < | ||
+ | |||
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</ | ||
</ | </ | ||
- | Thumbnail | + | ==== Variable size cols ==== |
+ | < | ||
< | < | ||
- | ... | + | <col xs=" |
+ | |||
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</ | ||
+ | <col xs=" | ||
+ | |||
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <col xs=" | ||
+ | |||
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</ | ||
+ | <col xs=" | ||
+ | |||
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</ | ||
+ | </ | ||
+ | |||
+ | ==== Thumbnail ==== | ||
+ | |||
+ | < | ||
+ | < | ||
+ | Nulla quis lorem ut libero malesuada feugiat. Donec rutrum congue leo eget malesuada. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. | ||
+ | |||
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim. | ||
<col xs=" | <col xs=" | ||
< | < | ||
Line 513: | Line 600: | ||
</ | </ | ||
</ | </ | ||
- | ... | + | Nulla quis lorem ut libero malesuada feugiat. Donec rutrum congue leo eget malesuada. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. |
+ | |||
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim. | ||
</ | </ | ||
< | < | ||
- | ... | + | Nulla quis lorem ut libero malesuada feugiat. Donec rutrum congue leo eget malesuada. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. |
+ | |||
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim. | ||
<col xs=" | <col xs=" | ||
< | < | ||
Line 525: | Line 620: | ||
=== DokuWiki === | === DokuWiki === | ||
- | //DokuWiki is a simple to use and highly versatile Open Source wiki software | + | //DokuWiki is a simple to use and highly versatile Open Source wiki software// |
</ | </ | ||
</ | </ | ||
- | ... | + | Nulla quis lorem ut libero malesuada feugiat. Donec rutrum congue leo eget malesuada. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. |
</ | </ | ||
</ | </ | ||
+ | </ | ||
- | Well | + | < |
+ | Nulla quis lorem ut libero malesuada feugiat. Donec rutrum congue leo eget malesuada. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. | ||
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim. | ||
+ | <col xs=" | ||
+ | < | ||
+ | {{: | ||
+ | </ | ||
+ | </ | ||
+ | Nulla quis lorem ut libero malesuada feugiat. Donec rutrum congue leo eget malesuada. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. | ||
+ | |||
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim. | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | Nulla quis lorem ut libero malesuada feugiat. Donec rutrum congue leo eget malesuada. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. | ||
+ | |||
+ | Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. | ||
+ | |||
+ | Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim. | ||
+ | <col xs=" | ||
+ | < | ||
+ | {{: | ||
+ | < | ||
+ | |||
+ | === DokuWiki === | ||
+ | |||
+ | //DokuWiki is a simple to use and highly versatile Open Source wiki software// | ||
+ | </ | ||
+ | </ | ||
+ | Nulla quis lorem ut libero malesuada feugiat. Donec rutrum congue leo eget malesuada. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ==== Well ==== | ||
+ | |||
+ | < | ||
< | < | ||
+ | </ | ||
- | Button | + | < |
+ | ==== Button ==== | ||
+ | |||
+ | < | ||
<button type=" | <button type=" | ||
+ | </ | ||
- | Nav | + | <button type=" |
+ | |||
+ | ==== Nav ==== | ||
+ | |||
+ | < | ||
+ | < | ||
+ | * [[: | ||
+ | * [[: | ||
+ | * [[playground: | ||
+ | * DokuWiki | ||
+ | * [[: | ||
+ | * [[: | ||
+ | </ | ||
+ | </ | ||
<nav> | <nav> |