Syntax-Bootstrap Синтаксис: подсказки по Bootstrap и HTML
Официальная документация: CSS | Components | JavaScript
Bootstrap: inline-стили
%text-muted%
— тихий текст.%lead%
— выделяющийся крупный текст.%apply=img img-thumbnail%
— обрамить картинку рамкой.%btn btn-primary btn-lg white%[[Ссылка-кнопка]]%%
— сделать ссылку в виде кнопки.- Почему так? Классы btn* — это bootstrap-классы, а white — это команда PmWiki для создания inline-стиля с белым цветом шрифта. Она нужна затем, что классы btn* получит не сама ссылка, а окружающий ее span. Поэтому, без white цвет кнопки совпал бы с цветом ссылки.
%btn btn-default btn-xs glyphicon% [[ LINK |  ]]
— ссылка в виде glyphicon-иконки
Можно использовать Bootstrap Glyphicons прямо в контенте: %glyphicon% %% Коды удобно [[https://glyphicons.bootstrapcheatsheets.com|смотреть здесь]]. | Можно использовать Bootstrap Glyphicons прямо в контенте:
|
Bootstrap: блочная верстка
(:div99 class="panel panel-default":) (:div98 class="panel-heading":)Опциональный заголовок. (:div98 class="panel-body":)Красивая панель, здесь ее контент. (:div98 class="panel-footer":)Опциональный футер. (:div99end:) | Опциональный заголовок.
Красивая панель, здесь ее контент.
|
>>alert alert-success<<
- зеленая плашка
>>alert alert-info<<
- голубая плашка
>>alert alert-warning<<
- желтая плашка
>>alert alert-danger<<
- красная плашка
Спецсимволы HTML:
« | « |
» | » |
& | & |
– | – |
— | — |
← | ← |
↑ | ↑ |
→ | → |
↓ | ↓ |
↔ | ↔ |