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:
| « | « |
| » | » |
| & | & |
| – | – |
| — | — |
| ← | ← |
| ↑ | ↑ |
| → | → |
| ↓ | ↓ |
| ↔ | ↔ |