🗊Презентация Codecraft Bootstrap

Нажмите для полного просмотра!
Codecraft Bootstrap, слайд №1Codecraft Bootstrap, слайд №2Codecraft Bootstrap, слайд №3Codecraft Bootstrap, слайд №4Codecraft Bootstrap, слайд №5Codecraft Bootstrap, слайд №6Codecraft Bootstrap, слайд №7Codecraft Bootstrap, слайд №8Codecraft Bootstrap, слайд №9Codecraft Bootstrap, слайд №10Codecraft Bootstrap, слайд №11Codecraft Bootstrap, слайд №12Codecraft Bootstrap, слайд №13Codecraft Bootstrap, слайд №14Codecraft Bootstrap, слайд №15

Вы можете ознакомиться и скачать презентацию на тему Codecraft Bootstrap. Доклад-сообщение содержит 15 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





Codecraft
Bootstrap
Урок 3
Описание слайда:
Codecraft Bootstrap Урок 3

Слайд 2





Jumbotron
Класс .jumbotron
Описание слайда:
Jumbotron Класс .jumbotron

Слайд 3





Jumbotron
Снаружи <div class=“jumbotron”>...</div>
        <div class=“container”>
Описание слайда:
Jumbotron Снаружи <div class=“jumbotron”>...</div> <div class=“container”>

Слайд 4





Класс .page-header
Класс .page-header
Описание слайда:
Класс .page-header Класс .page-header

Слайд 5





Well
Класс .well
Описание слайда:
Well Класс .well

Слайд 6





Размеры .well
Классы .well-sm
      .well-lg
Описание слайда:
Размеры .well Классы .well-sm .well-lg

Слайд 7





Сообщения .alert
<div class="alert alert-***"> текст сообщения </div>
Описание слайда:
Сообщения .alert <div class="alert alert-***"> текст сообщения </div>

Слайд 8





Сообщения .alert со ссылкой
Класс .alert-link
<div class="alert alert-success"> 
    текст <a href="#" class="alert-link">сообщения</a> 
</div>
Описание слайда:
Сообщения .alert со ссылкой Класс .alert-link <div class="alert alert-success"> текст <a href="#" class="alert-link">сообщения</a> </div>

Слайд 9





Закрытие сообщений
<a href="#" class=“close" data-dismiss=“alert” aria-label=“close”>x</a>
Описание слайда:
Закрытие сообщений <a href="#" class=“close" data-dismiss=“alert” aria-label=“close”>x</a>

Слайд 10





Анимированные сообщения
Классы .fade .in
Описание слайда:
Анимированные сообщения Классы .fade .in

Слайд 11





Bootstrap buttons - кнопки
.btn-default
.btn-primary
.btn-success
.btn-info
.btn-warning
.btn-danger
.btn-link
Описание слайда:
Bootstrap buttons - кнопки .btn-default .btn-primary .btn-success .btn-info .btn-warning .btn-danger .btn-link

Слайд 12





Bootstrap buttons - кнопки
Размеры: 	.btn-lg
		.btn-md
		.btn-sm
		.btn-xs
Описание слайда:
Bootstrap buttons - кнопки Размеры: .btn-lg .btn-md .btn-sm .btn-xs

Слайд 13





Bootstrap buttons - кнопки
Класс .btn-block
Описание слайда:
Bootstrap buttons - кнопки Класс .btn-block

Слайд 14





Активные/Не активные кнопки
Классы	.active
	.disabled
Описание слайда:
Активные/Не активные кнопки Классы .active .disabled

Слайд 15





Домашнее Задание
Описание слайда:
Домашнее Задание



Теги Codecraft Bootstrap
Похожие презентации
Mypresentation.ru
Загрузить презентацию