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:

«&laquo;
»&raquo;
&&amp;
&ndash;
&mdash;
&larr;
&uarr;
&rarr;
&darr;
&harr;