FORGOT YOUR DETAILS?

Требуется консультация? >>

УВАЖАЕМЫЕ ДИЛЕРЫ, СКАЧАЙТЕ СВЕЖУЮ ВЕРСИЮ ПРОГРАММЫ "dileraliton.exe" НИЖЕ

ЗАВОД ПРОИЗВОДИТЕЛЬ ОКОННЫХ СИСТЕМ В КРЫМУ

ЛУЧШИЕ ЦЕНЫ И КАЧЕСТВО "ИЗ ПЕРВЫХ РУК"

Styles - Typography

Все эти элементы только для демонстрации. Вы можете достичь этих стилей, используя обычный редактор и SHORTCODES.

Заголовки

Доступны все заголовки HTML, <h1>через <h6>.

h1. Заголовок 1

h2. Заголовок 2

h3. Заголовок 3

h4. Заголовок 4

h5. Заголовок 5
h6. Заголовок 6

Основная копия

Глобальное по умолчанию Bootstrap в font-sizeэтом 13px , с line-heightиз 19px . Это относится ко <body>всем пунктам. Кроме того, <p>(абзацы) получают нижнее поле, равное половине их высоты строки (по умолчанию 10 пикселей).

Не один горшка мягкой школы футбол или футбол лев. Когда вытягивает Лучи Супер Боул горы мгновенно. Nullam идентификатор Dolor идентификатор nibh ultricies vehicula.

Когда вытягивает Лучи Супер Боул горы мгновенно. Донец ullamcorper Nulla auctor Fringilla не отвечают требованиям. DUIs тоШз, ЭСТ не Commodo luctus, НИСИ porttitor язычка и требовалось, Eget лациния Одио семафор включенных в другие категории Элит. Донец ullamcorper Nulla auctor Fringilla не отвечают требованиям.

Меценат СЕПГ диам Eget Varius blandit сидеть Амет, с небольшой улыбкой. Донец идентификатор Элит не ми gravida в Порта Eget Метус Сед congue. DUIs тоШз, ЭСТ не Commodo luctus, НИСИ porttitor язычка и требовалось, Eget лациния Одио семафор включенных в другие категории Элит.

<Р> ... </ p>

Ведущая копия тела

Выделите абзац, добавив .lead.

Живые луки танки или пропаганда Laoreet макияж боль в горле импульс. Домашнее задание мягкого, нет никакого влияния преимущества.

<p class = "lead"> ... </ p>

акцент

Используйте стандартные теги выделения HTML с легкими стилями.

<small>

Для снятия выделения со строк или блоков текста используйте маленький тег.

Эта строка текста должна рассматриваться как мелкий шрифт.

<Р>
  <small> Эта строка текста должна рассматриваться как мелкий шрифт. </ small>
</ Р>

Жирный

Для выделения фрагмента текста с большим весом шрифта.

Следующий фрагмент текста отображается жирным шрифтом .

<strong> отображается как жирный текст </ strong>

Курсив

Для выделения фрагмента текста курсивом.

Следующий фрагмент текста отображается как курсив .

<em> отображается как курсив </ em>

Берегись! Не стесняйтесь использовать <b>и <i>в HTML5. <b>предназначен для выделения слов или фраз без передачи дополнительной важности, в то время <i>как в основном для голоса, технических терминов и т. д.


Сокращения

Стилизованная реализация элемента HTML <abbr>для аббревиатур и аббревиатур для отображения расширенной версии при наведении курсора. Сокращения с titleатрибутом имеют светлую пунктирную нижнюю границу и вспомогательный курсор при наведении, предоставляя дополнительный контекст при наведении.

<abbr>

Для расширенного текста при длинном наведении аббревиатуры включите titleатрибут.

Аббревиатура слова атрибут является attr .

<abbr title = "attribute"> attr </ abbr>

<abbr class="initialism">

Добавьте .initialismк сокращению немного меньший размер шрифта.

HTML - лучшая вещь из нарезанного хлеба.

<abbr title = "Язык разметки гипертекста" class = "initialism"> HTML </ abbr>

Адреса

Представьте контактную информацию для ближайшего предка или всего комплекса работ.

<address>

Сохраняйте форматирование, заканчивая все строки с помощью <br>.

Twitter, Inc. 795 Folsom Ave, Suite 600San Francisco, CA 94107 P: (123) 456-7890
Полное имя first.last@gmail.com
<Адрес>
  <strong> Twitter, Inc. </ strong> <br>
  Пр-т Фолсом 795, Люкс 600 <br>
  Сан-Франциско, Калифорния 94107 <br>
  <abbr title = "Phone"> P: </ abbr> (123) 456-7890
</ Адрес>

<Адрес>
  <strong> Полное имя </ strong> <br>
  <a href="mailto:#"> first.last@gmail.com </a>
</ Адрес>

Цитаты

Для цитирования блоков контента из другого источника в вашем документе.

Цитата по умолчанию

Оберните <blockquote>любой HTML в качестве цитаты. Для прямых цитат мы рекомендуем <p>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>

Blockquote options

Style and content changes for simple variations on a standard blockquote.

Naming a source

Add <small> tag for identifying the source. Wrap the name of the source work in <cite>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
  <small>Someone famous <cite title="Source Title">Source Title</cite></small>
</blockquote>

Alternate displays

Use .pull-right for a floated, right-aligned blockquote.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

<blockquote class="pull-right">
  ...
</blockquote>

Lists

Unordered

A list of items in which the order does not explicitly matter.

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
<ul>
  <li>...</li>
</ul>

Ordered

A list of items in which the order does explicitly matter.

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem
<ol>
  <li>...</li>
</ol>

Unstyled

A list of items with no list-style or additional left padding.

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
<ul class="unstyled">
  <li>...</li>
</ul>

Description

A list of terms with their associated descriptions.

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>

Horizontal description

Make terms and descriptions in <dl> line up side-by-side.

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
Felis euismod semper eget lacinia
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
<dl class="dl-horizontal">
  <dt>...</dt>
  <dd>...</dd>
</dl>

Heads up!
Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow. In narrower viewports, they will change to the default stacked layout.


Inline

Wrap inline snippets of code with <code>.

For example, <section> should be wrapped as inline.
	For example, <code><section></code> should be wrapped as inline.

Basic block

Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

<p>Sample text here...</p>
<pre>
  &lt;p&gt;Sample text here...&lt;/p&gt;
</pre>

Heads up! Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.

You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.


Add classes to an <img> element to easily style images in any project.

<img src = "..." class = "img-округлен">
<img src = "..." class = "img-circle">
<img src = "..." class = "img-polaroid">

Берегись! .img-roundedи .img-circleне работают в IE7-8 из-за отсутствия border-radiusподдержки.

TOP