Название более длинного поста в блоге

Несколько строк текста, образующих ведущую строку, быстро и эффективно информируют новых читателей о том, что наиболее интересно в содержании этого поста.

Продолжить чтение...

Мир

Лучший пост

12 ноя

Это более широкая карточка со вспомогательным текстом ниже, который является естественным переходом к дополнительному контенту.

продолжить чтение
Placeholder Thumbnail
Дизайн

Заголовок поста

11 ноя

Это более широкая карточка со вспомогательным текстом ниже, который является естественным переходом к дополнительному контенту.

продолжить чтение
Placeholder Thumbnail

Из пожарного шланга

Пример сообщения в блоге

В этом сообщении блога показано несколько различных типов содержимого, которые поддерживаются и оформляются с помощью Bootstrap. Базовая типографика, списки, таблицы, изображения, код и многое другое поддерживаются, как и ожидалось.


Это дополнительное содержимое заполнителя абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация не прерывалась, так что следите за точно такой же строкой текста.

Цитаты

Это пример блока цитаты в действии:

Цитируемый текст идет сюда.

Это дополнительное содержимое заполнителя абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация не прерывалась, так что следите за точно такой же строкой текста.

Примеры списков

Это дополнительное содержимое заполнителя абзаца. Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду. Это пример неупорядоченного списка:

  • Первый элемент списка
  • Второй элемент списка с более длинным описанием
  • Третий элемент списка, чтобы закрыть его

А это упорядоченный список:

  1. Первый элемент списка
  2. Второй элемент списка с более длинным описанием
  3. Третий элемент списка, чтобы закрыть его

А это список определений:

Язык гипертекстовой разметки (HTML)
Язык, используемый для описания и определения содержимого веб-страницы.
Каскадные таблицы стилей (CSS)
Используется для описания внешнего вида веб-контента.
JavaScript (JS)
Язык программирования, используемый для создания продвинутых веб-сайтов и приложений.

Встроенные HTML-элементы

HTML определяет длинный список доступных встроенных тегов, полный список которых можно найти в Mozilla Developer Network .

  • Чтобы выделить текст жирным шрифтом , используйте <strong>.
  • Чтобы выделить текст курсивом , используйте <em>.
  • Аббревиатуры, такие как HTML , должны использовать <abbr>с необязательным titleатрибутом для полной фразы.
  • Цитаты, такие как — Марк Отто , следует использовать <cite>.
  • Удаленотекст должен использовать <del>ивставлентекст должен использовать <ins>.
  • Надстрочный текст использует <sup>и подстрочный текст использует <sub>.

Большинство этих элементов стилизовано браузерами с небольшими изменениями с нашей стороны.

Заголовок

Это дополнительное содержимое заполнителя абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация не прерывалась, так что следите за точно такой же строкой текста.

Подзаголовок

Это дополнительное содержимое заполнителя абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация не прерывалась, так что следите за точно такой же строкой текста.

Example code block

Это дополнительное содержимое заполнителя абзаца. Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду.

Еще одна запись в блоге

Это дополнительное содержимое заполнителя абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация не прерывалась, так что следите за точно такой же строкой текста.

Здесь идет более длинная цитата, возможно, с выделенным текстом в середине.

Это дополнительное содержимое заполнителя абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация не прерывалась, так что следите за точно такой же строкой текста.

Пример таблицы

И не забывайте про таблицы в этих постах:

Имя Голоса за Голоса против
Алиса 10 11
Боб 4 3
Чарли 7 9
Итоги 21 23

Это дополнительное содержимое заполнителя абзаца. Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду.

Новая особенность

Это дополнительное содержимое заполнителя абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация не прерывалась, так что следите за точно такой же строкой текста.

  • Первый элемент списка
  • Второй элемент списка с более длинным описанием
  • Третий элемент списка, чтобы закрыть его

Это дополнительное содержимое заполнителя абзаца. Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду.

О

Настройте этот раздел, чтобы рассказать своим посетителям немного о вашей публикации, авторах, содержании или о чем-то еще. Полностью зависит от вас.

В другом месте

  1. Гитхаб
  2. Твиттер
  3. Фейсбук