LibKing » Книги » Компьютеры и Интернет » Прочая околокомпьтерная литература » Тимур Машнин - Bootstrap: Быстрое создание современных сайтов

Тимур Машнин - Bootstrap: Быстрое создание современных сайтов

Тут можно читать онлайн Тимур Машнин - Bootstrap: Быстрое создание современных сайтов - бесплатно ознакомительный отрывок. Жанр: Прочая околокомпьтерная литература, издательство Литагент Ридеро. Здесь Вы можете читать ознакомительный отрывок из книги ознакомительный отрывок из книги онлайн без регистрации и SMS на сайте LibKing.Ru (ЛибКинг) или прочесть краткое содержание, предисловие (аннотацию), описание и ознакомиться с отзывами (комментариями) о произведении.
Тимур Машнин - Bootstrap: Быстрое создание современных сайтов

Тимур Машнин - Bootstrap: Быстрое создание современных сайтов краткое содержание

Bootstrap: Быстрое создание современных сайтов - описание и краткое содержание, автор Тимур Машнин, читайте бесплатно онлайн на сайте электронной библиотеки LibKing.Ru
Bootstrap представляет собой свободный фреймворк интерфейсов для быстрой и простой Web разработки. Bootstrap предоставляет шаблоны дизайна, основанные на HTML и CSS для разметки, форм, кнопок, таблиц, навигации, диалоговых окон, каруселей изображений и многого другого, а также дополнительные плагины JavaScript. На основе Bootstrap можно легко создавать сайты с «отзывчивым дизайном», одинаково хорошо выглядящие на всех типах устройств, от небольших телефонов до настольных компьютеров.

Bootstrap: Быстрое создание современных сайтов - читать онлайн бесплатно ознакомительный отрывок

Bootstrap: Быстрое создание современных сайтов - читать книгу онлайн бесплатно (ознакомительный отрывок), автор Тимур Машнин
Тёмная тема

Шрифт:

Сбросить

Интервал:

Закладка:

Сделать

h2 – 30px

h3 – 24px

h4 – 18px

h5 – 14px

h6 – 12px

Для добавления вспомогательных заголовков используется тег , который устанавливает размер шрифта 85%:

h1 heading secondary text

С помощью класса class lead можно слегка увеличить размер шрифта параграфа - фото 16

С помощью класса class = «lead» можно слегка увеличить размер шрифта параграфа:

This is an example paragraph demonstrating the use of lead body copy.

Bootstrap Быстрое создание современных сайтов - фото 17 Тег делает шрифт жирным Тег выделяет текст курсивом Для выравнивания и - фото 18

Тег делает шрифт жирным.

Тег выделяет текст курсивом.

Для выравнивания и выделения текста цветом применяются классы:

Left aligned text.



Center aligned text Right aligned text - фото 19

Center aligned text.



Right aligned text Lowercased text - фото 20

Right aligned text.



Lowercased text Uppercased text - фото 21

Lowercased text.



Uppercased text Capitalized text - фото 22

Uppercased text.



Capitalized text Подгонка текста под ширину экрана - фото 23

Capitalized text.



Подгонка текста под ширину экрана Justified text Justified text - фото 24

Подгонка текста под ширину экрана:

Justified text. Justified text. Justified text.



Отмена переноса строк:

No wrap text. No wrap text. No wrap text.



Выделение цветом:

This content is muted



This content carries a primary class This content carries a - фото 25

This content carries a primary class



This content carries a success class This content carries a info - фото 26

This content carries a success class



This content carries a info class This content carries a warning - фото 27

This content carries a info class



This content carries a warning class This content carries a danger - фото 28

This content carries a warning class



This content carries a danger class This text is important - фото 29

This content carries a danger class



This text is important This text indicates success - фото 30

This text is important.



This text indicates success This text represents some information - фото 31

This text indicates success.



This text represents some information This text represents a - фото 32

This text represents some information.



This text represents a warning This text represents danger - фото 33

This text represents a warning.



This text represents danger Тег обеспечивает подчеркивание текста - фото 34

This text represents danger.



Тег обеспечивает подчеркивание текста пунктирной линией при этом класс - фото 35

Тег обеспечивает подчеркивание текста пунктирной линией, при этом класс class=«initialism» слегка уменьшает шрифт:

WWW

Тег выделяет текст как цитируемый при этом класс classblockquotereverse - фото 36

Тег

выделяет текст как цитируемый, при этом класс class=«blockquote-reverse» выравнивает по правому краю:

This is a default blockquote example. This is a default blockquote example.





This is a default blockquote example. This is a default blockquote example.





This is a default blockquote example. This is a default blockquote example.



Тег подсвечивает текст Use the mark element to highlight text - фото 37

Тег подсвечивает текст:

Use the mark element to highlight text.



Элементы и обеспечивают разметку словаря Coffee - фото 38

Элементы

, и обеспечивают разметку словаря:

Coffee


black hot drink


Milk


white cold drink




При этом класс classdlhorizontal выводит ключзначение в одну строку - фото 39

При этом класс class=«dl-horizontal» выводит ключ-значение в одну строку:

Coffee


black hot drink


Milk


white cold drink




Тег выделяет текст цветом HTML elements span section and div - фото 40

Тег выделяет текст цветом:

HTML elements: span , section , and div .



Тег меняет фон и цвет текста Use ctrl p to open the Print dialog box - фото 41

Тег меняет фон и цвет текста:

Use ctrl + p to open the Print dialog box.



Тег меняет фон текста сохраняя пробелы и переносы Text in - фото 42

Тег

меняет фон текста, сохраняя пробелы и переносы:





Text in a pre


element


is displayed in a fixed-width


font, and it preserves


both spaces and


line breaks.


При этом класс classprescrollable устанавливает максимальную высоту 350px и - фото 43
При этом класс class=«pre-scrollable» устанавливает максимальную высоту 350px и добавляет прокрутку.
Класс class=«list-unstyled» удаляет маркировку и отступы списка:
  • Coffee
  • Tea

    • Black tea
    • Green tea
  • Milk
Класс classlistinline выводит список в одну строку Coffee Tea - фото 44
Класс class=«list-inline» выводит список в одну строку:
  • Coffee
  • Tea
  • Milk
Теги и перечеркивают текст Use the s element to indicate text that - фото 45
Теги и перечеркивают текст:



Use the s element to indicate text that is no longer relevant .





Use the del element to indicate deleted text .



Теги и подчеркивают текст Use the u element to indicate underlined - фото 46
Теги и подчеркивают текст:



Use the u element to indicate underlined text .





Use the ins element to indicate inserted text .



Тег меняет шрифт имитируя вывод программы To indicate sample output - фото 47
Тег меняет шрифт, имитируя вывод программы:



To indicate sample output from a computer program, use the samp element:





This text is output from a computer program…



Таблицы Bootstrap класс table стилизует HTML таблицу небольшим padding - фото 48

Таблицы

Читать дальше
Тёмная тема

Шрифт:

Сбросить

Интервал:

Закладка:

Сделать


Тимур Машнин читать все книги автора по порядку

Тимур Машнин - все книги автора в одном месте читать по порядку полные версии на сайте онлайн библиотеки LibKing.




Bootstrap: Быстрое создание современных сайтов отзывы


Отзывы читателей о книге Bootstrap: Быстрое создание современных сайтов, автор: Тимур Машнин. Читайте комментарии и мнения людей о произведении.


Понравилась книга? Поделитесь впечатлениями - оставьте Ваш отзыв или расскажите друзьям

Напишите свой комментарий
Большинство книг на сайте опубликовано легально на правах партнёрской программы ЛитРес. Если Ваша книга была опубликована с нарушениями авторских прав, пожалуйста, направьте Вашу жалобу на PGEgaHJlZj0ibWFpbHRvOmFidXNlQGxpYmtpbmcucnUiIHJlbD0ibm9mb2xsb3ciPmFidXNlQGxpYmtpbmcucnU8L2E+ или заполните форму обратной связи.
img img img img img