Codecraft Bootstrap

Сентябрь 7, 2022

Главная
Алгебра
Codecraft Bootstrap

Содержание

2. Класс .jumbotron Jumbotron Внутри
3. Снаружи ... Jumbotron
4. Класс .page-header
5. Well Класс .well
6. Размеры .well Классы .well-sm .well-lg
7. Сообщения .alert текст сообщения Классы: alert-success alert-info alert-warning alert-danger текст сообщения Класс .alert текст сообщения
8. Сообщения .alert со ссылкой Класс .alert-link текст сообщения
9. x Закрытие сообщений x текст сообщения
10. Классы .fade .in Анимированные сообщения ...
11. .btn-default .btn-primary .btn-success .btn-info .btn-warning .btn-danger .btn-link Bootstrap buttons - кнопки Пример: Default Можно использовать ,
12. Размеры: .btn-lg .btn-md .btn-sm .btn-xs Bootstrap buttons - кнопки Пример: Large
13. Класс .btn-block Bootstrap buttons - кнопки
14. Классы .active .disabled Активные/Не активные кнопки Active Primary Disabled Primary
16. Скачать презентацию

Слайд 2

Класс .jumbotron
Jumbotron
Внутри

Слайд 3

Снаружи
...

Jumbotron

Слайд 4

Класс .page-header

Слайд 5

Well
Класс .well

Слайд 6

Размеры .well
Классы .well-sm
.well-lg

Слайд 7

Сообщения .alert
текст сообщения

Классы: alert-success
alert-info
alert-warning
alert-danger

class="alert"> текст сообщения

Класс .alert

текст сообщения

Слайд 8

Сообщения .alert со ссылкой
Класс .alert-link

текст

class="alert-link">сообщения

Слайд 9

x
Закрытие сообщений

href="#" class=“close" data-dismiss=“alert” aria-label=“close”>x
текст сообщения

Слайд 10

Классы .fade .in
Анимированные сообщения
...

Слайд 11

.btn-default
.btn-primary
.btn-success
.btn-info
.btn-warning
.btn-danger
.btn-link
Bootstrap buttons - кнопки
Пример:

Можно использовать
,

Размеры: .btn-lg
.btn-md
.btn-sm
.btn-xs
Bootstrap buttons - кнопки
Пример:
Large

Класс .btn-block
Bootstrap buttons - кнопки

Классы .active
.disabled
Активные/Не активные кнопки
Active Primary Disabled Primary