Codecraft Bootstrap - Информатика и ИТ - Презентации

Информация о документе

Цена	3000UZS
Размер	683.1KB
Покупки	0
Дата загрузки	02 Август 2023
Расширение	pptx
Раздел	Презентации
Предмет	Информатика и ИТ

Codecraft Bootstrap

Купить

Codecraf t Bootstra p

Сообщения .alert • < div class ="alert alert-***" > текст сообщения </ div > Классы: alert-success alert-info alert-warning alert-danger < div class = " alert " > текст сообщения </ div >Класс .alert < div class = " alert " > текст сообщения </ div >

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

Закрытие сообщений • < a href= "#" class= “close" data- dismiss= “alert” aria-label= “close” > x </ a > < div class = " alert alert-success alert-dismissable " > < a href= "#" class= “ close " data-dismiss= “alert” aria- label= “close” > x </ a > текст < a href= "#" class= " alert-link " > сообщения </ a > </ div >

Анимированные сообщения • Классы .fade .in < div class = " alert alert-success fade in " > ... </ div >

Bootstrap buttons - кнопки • .btn-default • .btn-primary • .btn-success • .btn-info • .btn-warning • .btn-danger • .btn-link Пример: < button type= "button" class= "btn btn-default" > Default</ button > Можно использовать < a > , < button > , или < input >

Bootstrap buttons - кнопки • Размеры: .btn-lg • .btn-md • .btn-sm • .btn-xs Пример: < button type ="button" class ="btn btn-primary btn-lg"> Large < /button >

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

Активные/Не активные кнопки • Классы .active • .disabled < button type ="button" class ="btn btn-primary active"> Active Primary < /button > < button type ="button" class ="btn btn-primary disabled"> Disabled Primary < / button >

Группировка кнопок • Класс .btn- group < div class ="btn-group"> < button type ="button" class ="btn btn-danger"> Apple < /button > < button type ="button" class ="btn btn-primary"> Samsung < /button > < button type ="button" class ="btn btn-success"> Sony < /button > < /div >

Вертикальная группировка кнопок • Класс .btn-group- vertical < div class ="btn-group-vertical"> < button type ="button" class ="btn btn-danger"> Apple < /button > < button type ="button" class ="btn btn-primary"> Samsung < /button > < button type ="button" class ="btn btn-success"> Sony < /button > < /div >

Группы кнопок, выровненной по ширине • Класс .btn-group- justified <div class="btn-group btn-group-justified"> <a href="#" class="btn btn-danger">Apple</a> <a href="#" class="btn btn-primary">Samsung</a> <a href="#" class="btn btn-success">Sony</a> </div>

• <div class="btn-group btn-group-justified"> <div class="btn-group"> <button type="button" class="btn btn- primary">Apple</button> </div> <div class="btn-group"> <button type="button" class="btn btn- primary">Samsung</button> </div> <div class="btn-group"> <button type="button" class="btn btn- primary">Sony</button> </div> </div>

Вложенные группы кнопок & Выпадающие меню

Вложенные группы кнопок & Выпадающие меню < div class ="btn-group"> < button type ="button" class ="btn btn-danger"> Apple < /button > < button type ="button" class ="btn btn-primary"> Samsung < /button > < div class ="btn-group"> < button type ="button" class ="btn btn-success dropdown-toggle" data-toggle ="dropdown"> Sony < span class ="caret">< /span >< /button > < ul class ="dropdown-menu" role ="menu"> < li >< a href ="#"> Tablet < /a >< /li > < li >< a href ="#"> Smartphone < /a >< /li > < /ul > < /div > < /div >

Разделённые выпадающие меню

Разделённые выпадающие меню < div class ="btn-group"> < button type ="button" class ="btn btn-primary"> Sony < /button > < button type ="button" class ="btn btn-primary dropdown-toggle" data- toggle ="dropdown"> < span class ="caret">< /span > < /button > < ul class ="dropdown-menu" role ="menu"> < li >< a href ="#"> Tablet < /a >< /li > < li >< a href ="#"> Smartphone < /a >< /li > < /ul > < /div >

Иконки Glyphicons • Более 260 иконок... http://getbootstrap.com/components/ Как добавить иконку: < span class ="glyphicon glyphicon- имя ">< /span >

Домашнее Задание      

Купить

Похожие документы
Operatsion tizimlarda journaling file system
I/O scheduling algoritmlari
O‘rta Osiyo kutubxonalarining o‘rganilish masalalari
Funksiyalar va arrow function
Tashkilot xodimlari ma’lumotlarini jamlovchi tizim