Bootstrap и CSS-препроцессор Sass

488 G Предметный указатель

float-left 88 g-0, 112, 236, 237 hue() 411
float-none 88 g-1, 112 hypot() 383
float-right 88 g-2, 112, 172
floor() 383 g-3, 112 I
focus 132, 313, 338 g-4, 112
focus() 195, 336 g-5, 112 ie-hex-str() 420
font-italic 34 get() 397 if() 376, 455
font-monospace 33 get-function() 426, 427 img-fluid 76, 77
font-normal 34 getInstance() 185, 212, 220, img-thumbnail 78
font-style 34 include-path 473, 476, 480
font-weight 36 246, 262, 293, 300, 307, 318, indented 469
font-weight-bold 36 326, 339 indented-syntax 474
font-weight-bolder 36 global-variable-exists() 367 indent-type 474
font-weight-light 36 grayscale() 419 indent-width 474
font-weight-lighter 36 green() 410 indeterminate 153
font-weight-normal 36 gx-0, 112 index() 394, 405
for 139 gx-1, 112 init 352
form-check 153, 154, 158, 159, gx-2, 112 initialism 44
gx-3, 112 input-group 140, 141, 142, 143,
160, 195, 196 gx-4, 112
form-check-inline 154, 160 gx-5, 112 149, 150, 151, 152, 155, 156,
form-check-input 153, 156, gy-0, 112 165, 166
gy-1, 113 input-group-append 140, 149,
158, 159 gy-2, 113 155, 156, 165
form-check-label 153, 158, 159 gy-3, 113 input-group-lg 141, 143, 150,
form-control 136, 137, 138, gy-4, 113 152
gy-5, 113 input-group-prepend 140, 149,
145, 147, 148, 195, 196 155, 165
form-control-color 168 H input-group-sm 141, 143, 150,
form-control-file 161 152
form-control-lg 137, 138, 147, h1, 46 input-group-text 140, 142, 149,
h-100, 86, 229, 236, 237 151, 155, 156, 165, 166
178 h-25, 86 insert() 405
form-control-plaintext 138 h-50, 86 inspect() 365, 367
form-control-range 167 h-75, 86 install 351, 479
form-control-sm 137, 138, 147, handleUpdate() 339 interactive 358
hasClass() 185 interval 290, 291
178 has-key() 397 invalid-feedback 192
form-file 163, 164, 196 h-auto 86 invalid-tooltip 193
form-file-button 163 height 76, 78, 79, 86 invert() 420
form-file-input 163, 164 help 474 invisible 92
form-file-label 163 hidden 92 is-bracketed() 388
form-file-lg 164 Hide 323, 439 is-invalid 194
form-file-sm 164 hide() 213, 246, 307, 318, 326, is-superselector() 455
form-file-text 163, 164 is-unitless() 385
form-group 137, 169, 172, 177 339 is-valid 194
form-inline 170, 172, 282 high 199
form-label 139, 169 href 242, 244, 333 J
form-range 168 HSL 411, 412
form-row 172, 173 hsl() 409, 476 join() 392
form-select 146, 147, 151, 196 hsla() 409, 476 jumbotron 217
form-select-lg 147 html 305, 316 jumbotron-fluid 218
form-select-sm 147 justify-content 103
form-switch 158
form-text 139
from 294
function 364, 420
function-exists() 428

Предметный указатель list-group 69, 70, 226, 227, 489
256, 259, 267, 297, 298
justify-content-around 103 margin-top 52, 53, 57
justify-content-between 103 list-group-flush 70, 267 Masonry 240
justify-content-center 103, 181 list-group-horizontal 260, 268, math 381
justify-content-end 103, 181
justify-content-evenly 104 269  $e 381
justify-content-start 103 list-group-item 69, 259, 267,  $pi 381
 abs() 381
K 269  acos() 384
list-group-item-action 259,  asin() 384
keyboard 291, 338  atan() 384
keydown() 215 269, 271  ceil() 383
keys() 400 list-group-item-danger 270  clamp() 383
keywords() 426, 466 list-group-item-dark 270  compatible() 385
list-group-item-info 270  cos() 384
L list-group-item-light 270  floor() 383
list-group-item-primary 270  hypot() 383
label 145 list-group-item-secondary 270  is-unitless() 385
lang 18, 162 list-group-item-success 270  log() 382
lead 34, 47, 217 list-group-item-warning 270  max() 382, 395
left 304, 315 list-inline 69  min() 382, 395
length 164 list-inline-item 69  percentage() 386
length() 389, 397, 403 list-separator() 388  pow() 381
lh-1, 37 list-unstyled 68, 81  random() 386
lh-base 37 load-css() 439, 441  round() 384
lh-lg 37 load-path 431, 433  sin() 384
lh-sm 37 log() 185, 382  sqrt() 382
LibSass 470 low 199  tan() 384
lighten() 416  unit() 385
lightness 416 M m-auto 52
lightness() 412 max 167, 198, 199
linefeed 474 m-0, 52 max() 382, 395, 476
line-height 37 m-1, 53 max-height 86
link-danger 49 m-2, 53 max-width 86
link-dark 49 m-3, 53 mb-0, 54
link-info 49 m-4, 53 mb-1, 54
link-light 49 m-5, 53 mb-2, 54
link-primary 50 map 355, 364, 395, 396 mb-3, 54, 137, 169, 177
link-secondary 50 mb-4, 54
link-success 49  get() 397 mb-5, 54
link-warning 49 mb-auto 52, 106
list 256, 259, 364, 387  has-key() 397 mb-n1, 57
mb-n2, 57
 append() 391  keys() 400 mb-n3, 57
 index() 394  merge() 398 mb-n4, 58
 is-bracketed() 388 mb-n5, 58
 join() 392  remove() 399 media 80, 81, 82
 length() 389, 397  values() 400 media-body 80, 82
 nth() 389 map-get() 397 merge() 398
 separator() 388 map-has-key() 397 meta
 set-nth() 389 map-keys() 400  call() 427
 zip() 394 map-merge() 398  content-exists() 467
map-remove() 399
map-values() 400
margin 52, 57
margin-bottom 52, 54, 57
margin-left 52, 54, 58
margin-right 52, 55, 58

490 modal-fullscreen-md-down 337 Предметный указатель
modal-fullscreen-sm-down 337
 function-exists() 428 modal-fullscreen-xl-down 337 my-1, 56
modal-fullscreen-xxl-down 337 my-2, 56
 get-function() 426, 427 modal-header 331 my-3, 56
modal-lg 333 my-4, 56
 global-variable-exists() modal-open 333 my-5, 57
367 modal-sm 333, 334 my-auto 52
modal-title 331 my-n1, 59
 inspect() 365, 367 modal-xl 334 my-n2, 59
module-functions() 442 my-n3, 59
 keywords() 426, 466 module-variables() 442 my-n4, 59
month 136 my-n5, 59
 load-css() 439, 441
mr-0, 55 N
 mixin-exists() 468 mr-1, 55
mr-2, 55 name 159
 module-functions() 442 mr-3, 55 nav 249, 253, 254, 255, 256,
mr-4, 55
 module-variables() 442 mr-5, 55 258, 279, 297
mr-auto 52, 106 navbar 276, 277, 297, 300
 type-of() 364 mr-n1, 58 navbar-brand 278
mr-n2, 58 navbar-collapse 281
 variable-exists() 367 mr-n3, 58 navbar-dark 277
method 299 mr-n4, 58 navbar-expand 279, 280, 281
mh-100, 86 mr-n5, 58 navbar-expand-sm 280, 282
min 167, 199 mt-0, 53 navbar-light 277
min() 382, 395, 476 mt-1, 53 navbar-nav 279
min-height 86 mt-2, 53 navbar-text 277, 278
min-vh-100, 86 mt-3, 53 navbar-toggler 281
min-vw-100, 86 mt-4, 53 navbar-toggler-icon 281
min-width 86 mt-5, 53 nav-fill 250
mix() 419 mt-auto 52, 106 nav-item 249, 254, 280
mixin-exists() 468 mt-n1, 57 nav-justified 251
ml-0, 54 mt-n2, 57 nav-link 250, 254, 256, 280
ml-1, 54 mt-n3, 57 nav-pills 252, 254, 256, 258,
ml-2, 54 mt-n4, 57
ml-3, 55 mt-n5, 57 261
ml-4, 55 nav-tabs 253, 254, 255, 256,
ml-5, 55 multiple 144, 161
ml-auto 52, 106 257, 261
ml-n1, 58 mw-100, 86 nest() 455
ml-n2, 58 nested 472
ml-n3, 58 mx-0, 56 next 288
ml-n4, 58 mx-1, 56 next() 293
ml-n5, 58 no-color 360
m-n1, 57 mx-2, 56 Node.js 344, 350
m-n2, 57 node-sass 470
m-n3, 57 mx-3, 56
m-n4, 57  версия 471
m-n5, 57 mx-4, 56  отличия 475
Modal 330, 331, 332, 333, 339,  отслеживание
mx-5, 56
340 mx-auto 52 изменений 475
modal() 338  создание CSS-файла
modal-backdrop 333 mx-n1, 59
modal-body 331, 334, 335, 336 471
modal-content 331 mx-n2, 59  установка 470
modal-dialog 331, 333, 336 no-error-css 360
modal-dialog-centered 336 mx-n3, 59
modal-dialog-scrollable 334
modal-footer 331 mx-n4, 59
modal-fullscreen 336
modal-fullscreen-lg-down 337 mx-n5, 59
my-0, 56

Предметный указатель order-9, 128 491
order-first 127
no-gutters 111, 112, 236, 237 order-last 127 pl-5, 62
none 93 output 472 placeholder 138
no-source-map 356 output-style 472 placement 305, 316
not 374 overflow 86 pointer-events 93
Notepad++ 20 overflow-auto 86 poll 357
no-unicode 360 overflow-hidden 86 popover 312, 314, 317, 319
novalidate 191 Popover 317, 318
NPM 351 P popover() 315
npm-run-all 481 popover-arrow 314
nth() 389 p-0, 59 popover-body 314
null 363, 366, 373 p-1, 60 popover-header 314
number 135, 363, 380 p-2, 60 Popper.js 15
p-3, 60 position 88
O p-4, 60 position-absolute 88
p-5, 60 position-fixed 89
offset 299, 306, 317 package.json 352, 431, 471, position-relative 88, 297
offset-1, 123 position-static 88, 153, 159
offset-10, 123 478 position-sticky 89, 91
offset-11, 123 padding 52, 59 PostCSS 478
offset-2, 123 padding-bottom 61 pow() 381
offset-3, 123 padding-left 61 pr-0, 62
offset-4, 123 padding-right 62 pr-1, 62
offset-5, 123 padding-top 60 pr-2, 62
offset-6, 123 page-item 273 pr-3, 62
offset-7, 123 page-link 273, 274 pr-4, 62
offset-8, 123 pagination 273, 275 pr-5, 62
offset-9, 123 pagination-lg 275 precision 474
offset-lg-0, 124 pagination-sm 275 pre-scrollable 42
offset-md-0, 124 parent 206, 212 prev 287
offset-sm-0, 124 parent() 164 prev() 293
offset-xl-0, 124 parse() 456 preventDefault() 213, 221, 247,
offset-xxl-0, 124 password 135
omit-source-map-url 473 PATH 349 263, 293, 308, 318, 326, 339
on() 215 pattern 190 progress 199
opacify() 418 pause 287, 291 progress-bar 199, 200
opacity() 411 pause() 293 progress-bar-animated 200
open 47 pb-0, 61 progress-bar-striped 200
optimum 199 pb-1, 61 prop() 188
or 374 pb-2, 61 pt-0, 60, 179
order 110, 129 pb-3, 61 pt-1, 60
order-0, 127 pb-4, 61 pt-2, 60
order-1, 128 pb-5, 61 pt-3, 60
order-10, 128 pe-auto 93 pt-4, 60
order-11, 128 pe-none 93 pt-5, 61
order-12, 128 percentage() 386 px-0, 63
order-2, 128 pill 256, 258, 261 px-1, 63
order-3, 128 pl-0, 61 px-2, 63
order-4, 128 pl-1, 61 px-3, 63
order-5, 128 pl-2, 62 px-4, 63
order-6, 128 pl-3, 62 px-5, 63
order-7, 128 pl-4, 62 py-0, 63
order-8, 128 py-1, 63
py-2, 63

492 row-cols-md-auto 172 Предметный указатель
Ruby Sass 470
py-3, 64 rule 450 shadow-none 93
py-4, 64 shadow-sm 92
py-5, 64 S Show 208, 219, 241, 244, 253,

Q sanitize 305, 316 254, 257, 323, 338, 439
sanitizeFn 305, 316 show() 213, 246, 263, 307,
quiet 359, 474 SASS 344, 468
quote() 402 318, 326, 339
 версия 351 simple-selectors() 456
R  интерактивный режим sin() 384
size 144
radio 159, 187, 189 358 sizes 77
random() 386  отслеживание slice() 404
range 167 slide 286, 290
readonly 138 изменений 357 small 34, 47
recursive 474  создание CSS-файла source-comments 473
red() 410 source-map 473
refresh() 300 354 source-map-contents 473
relatedTarget 213, 263, 293,  установка 351 source-map-embed 473
saturate() 415 source-map-root 473
339 saturation 415, 419 source-map-urls 355
relative 355 saturation() 411 sourceRoot 473
remove() 399 save-dev 470 space 388, 392, 393
removeClass() 195 scale() 413 spinner 201, 202, 203
replace() 457 scale-color() 413, 415, 416, spinner-border 201
required 137, 190 417, 418 spinner-border-sm 201
reset 131 scripts 471 spinner-grow 202
rgb() 407, 476 scroll 297 spinner-grow-sm 202
rgba() 408, 476 scrollspy 297, 300 sqrt() 382
ride 287, 291 ScrollSpy 299, 300 src 76
right 304, 315 scrollspy() 299 srcset 77
round() 384 SCSS 354, 468 sr-only 139, 171, 201, 202,
rounded 66, 78 search 135
rounded-0, 66 selected 144 206, 274
rounded-bottom 66 selector 306, 316, 444 static 211, 333
rounded-circle 66, 78  append() 455 step 167
rounded-left 66  extend() 456 sticky-top 89, 91, 283, 284
rounded-lg 66  is-superselector() 455 stretched-link 50, 80, 228, 244
rounded-pill 66, 78, 224  nest() 455 str-index() 405
rounded-right 66  parse() 456 string 363, 401
rounded-sm 66  replace() 457
rounded-top 66  simple-selectors() 456  index() 405
row 111, 172, 173, 177, 179,  unify() 456
selector-append() 455  insert() 405
236 selector-extend() 456
row-cols-1, 116, 237 selector-nest() 455  length() 403
row-cols-2, 116 selector-parse() 456
row-cols-3, 116 selector-replace() 457  quote() 402
row-cols-4, 116 selector-unify() 456
row-cols-5, 117 separator() 388  slice() 404
row-cols-6, 117 set-nth() 389
row-cols-auto 118 shadow 92  to-lower-case() 404
row-cols-lg-3, 237 shadow-lg 92
row-cols-md-2, 237  to-upper-case() 404

 unique-id() 406

 unquote() 402
str-insert() 405
str-length() 403
str-slice() 404
style 354
submit 131

Предметный указатель text-muted 35, 139, 226 493
text-nowrap 40, 303, 313
submit() 193 text-primary 35 unquote() 402
SVG 78 text-reset 35 update() 213, 307, 318
text-right 38 url 135
T text-secondary 35 url() 429
text-sm-center 251 user-select 93
tab 253, 255, 256, 264 text-success 35 user-select-all 93
Tab 262, 263 text-transform 39 user-select-auto 93
tab() 262 text-truncate 41 user-select-none 93
tab-content 257 text-uppercase 39 using 467, 477
tabindex 198, 274, 303, 314 text-warning 35
table 72 text-white 35 V
table-active 74 text-white-50, 35
table-bordered 72 text-wrap 40 val() 342
table-borderless 72 thead-dark 74 valid-feedback 192
table-danger 74 thead-light 74 valid-tooltip 193
table-dark 74, 75 through 377 value 159, 167, 198, 199
table-hover 74 time 135 values() 400
table-info 74 title 44, 302, 303, 306, 312, var() 31, 360
table-light 74 variable-exists() 367
table-primary 74 313, 314, 316 version 349, 351
table-responsive 73 to 294, 376 vertical-align 38
table-secondary 74 to() 293 vh-100, 86
table-sm 73 Toast 323, 324, 326, 327 viewport 26
table-striped 73 toast() 325 visibility 92
table-success 74 toast-body 324 visible 92
table-warning 74 toast-header 323 vw-100, 86
tab-pane 257 toggle 212, 246
tan() 384 toggle() 185, 213, 246, 307, W
target 263, 299
tel 135 318, 339 w-100, 77, 86, 116, 287
template 306, 317 toggleEnabled() 307, 318 w-25, 85, 200
text 93, 135 to-lower-case() 404 w-50, 86
text() 164 tooltip 302, 304, 307, 308, 312 w-75, 86
text-align 37 Tooltip 307 was-validated 191, 193, 194
text-black-50, 35 tooltip() 305 watch 357, 475
text-body 35 tooltip-arrow 304 w-auto 85
text-break 40 tooltip-inner 304 week 136
text-capitalize 39 top 75, 89, 304, 315 which 215
text-center 37 touch 292 whiteList 305, 316
text-danger 35 to-upper-case() 404 width 76, 78, 79, 85
text-dark 35 transparentize() 418 with 450, 451, 476
text-decoration 39 trigger 305, 316 without 450, 451
text-decoration-line-through 39 true 363, 372, 373 wrap 115, 292
text-decoration-none 39 type 135, 152, 159, 161, 167,
text-decoration-underline 39 Y
text-hide 36 168
text-info 35 type-of() 364 YouTube 82
text-justify 38
text-left 37 U Z
text-light 35
text-lowercase 39 unify() 456 zip() 39
text-monospace 33 unique-id() 406
unit() 385
unitless() 385

494 Выравнивание: Предметный указатель
 вертикальное 38
А  горизонтальное 37 Консоль 25
Контейнер 82
Абзац 46 Вычитание 368
Абсолютное значение 381  базовый 28
Автодополнение 144 Г Косинус 384
Адаптивный дизайн 26 Курсив 34
Аккордеон 243 Гиперссылка 48
Альфа-канал 411, 417 Горизонтальная линия 47 Л
Арккосинус 384
Арксинус 384 Д Линия 47
Арктангенс 384 Логарифм 382
Ассоциативные массивы 395 Деление 369
Диалоговые окна 330 М
 добавление элементов
398 Е Маркированный список 67
Медиазапросы 26
 изменение значения 398 Единицы измерения 385 Меню 207
 количество элементов Миксины 460, 469
З
397  @content 466
 перебор элементов 399 Заголовок 46  @include 461
 получение значения 397 Зебра 73  @mixin 460
 преобразование в Значки 78  блоки содержимого 466
 вызов 461
список 400 И  необязательные
 проверка
Идентификатор уникальный параметры 465
существования ключа 406  определение 460
397  передача значений 464
 создание 396 Изменение регистра  проверка
 сравнение 400 символов 39
 удаление элементов 399 существования 468
Атрибуты стилей 443 Изображение 76  расположение 463
 в зависимости от Индекс 41  создание 460
условия 454 Индексные файлы 432 Минус 368
 вложенные 452 Индикатор состояния Модальные диалоговые окна
 генерация названий 453 330
загрузки 201 Модули 428
Б Инструменты разработчика  @forward 436
 @import 429
Блок 82 22  @use 432
Интерактивный режим 358  load-css() 439
В Интерполяция 365  импорт всех
Информеры 312
Версии библиотек 20 идентификаторов 434
Видео 82 К  переопределение
Вложенные правила 445
Возведение в степень 381 Карточки 225 значений переменных
Всплывающие Квадратный корень 382 435
 информеры 312 Кнопка 131  подключение 429, 432,
 подсказки 302  с выпадающим меню 204 436
 уведомления 323 Кодировка файлов 403  получение всех
Выделение фрагментов Командная строка 348 переменных 442
Комментарии 358  получение всех
текста 223 функций 442
Выключатель 157
Выпадающее меню 207

Предметный указатель Подключение CSS-файлов 495
441
 пути поиска 430 Списки 387
 частные Подключение библиотеки  добавление элемента
 Bootstrap 14 391
идентификаторы 434  jQuery 16  изменение значения 389
Моноширинный шрифт 33 Подсказки 302  количество элементов
Подстановка значений 389
Н  объединение 392
переменных 365  перебор элементов 390
Насыщенность 411, 415, 419 Позиционирование 88  поиск значения 394
Нумерованный список 67 Поиск в строке 405  получение значения 389
Поле выбора файла 161  создание 387
О Полужирный шрифт 37  сравнение 395
Поля для ввода данных 135
Области видимости Постраничная навигация 273 Списки определений 70
переменных 361 Примеси 460 Список 67, 267
Приоритет выполнения
Окно 330  элемент управления 144
Операторы 368 операторов 370  автодополнения 144
Прозрачность цвета 411, 417 Сравнение
 ветвления 375 Прокрутка 297
 для работы со строками Пространство имен 433  ассоциативных
массивов 400
371 Р
 математические 368  операторы 372
 приоритет выполнения Раздел HTML-документа  списков 395
 BODY 19  строк 406
370  HEAD 19 Строки 401
 сравнения 372  вставка фрагмента 405
Остаток от деления 369 Размеры 85  кодировка файлов 403
Отображение элементов 92 Рамка 64  количество символов
Отслеживание прокрутки 297 Регистр символов 39
Отступ 51 403
 внешний 52 С  конкатенация 371
 внутренний 59  операторы 371
Оттенок цвета 411 Светлота 412, 416  подстановка значений
Селекторы 443
П 365
 @at-root 448  поиск 405
Панель навигации 276  вложенные правила 445  регистр символов 404
Панель с вкладками 255  генерация названий 453  создание 401
Переключатель 159  заполнители 457  сравнение 406
Переменные:  оператор & 451  фрагмент строки 404
 основные 444
 в CSS 360  привязка к элементам Т
 в SASS 360
 глобальные 361, 362 445 Таблица 71
 локальные 361  родительские 451 Тангенс 384
 области видимости 361  функции для работы с Текстовая область 136
 переопределение Типы данных 363
селекторами 455 Точки останова 26, 27
значений 435  шаблонные 457 Тригонометрические
 подстановка значений Синус 384
Система сеток в библиотеке функции 384
365 Bootstrap 110
 проверка Скругление углов 66 У
Сложение 368
существования 367 Уведомления 218, 323
 типы данных 363 Умножение 369

496  изменение значений Предметный указатель
компонентов 412
Унарный минус 368  минимальное значение
Уникальный идентификатор  инвертирование 420 382
 линии рамки 65
406  насыщенность 415  округление 383
 негатив 420  основные функции 381
Ф  оттенки серого 419  преобразование в
 получение значений
Флажок 152 строку 386
Фон 29, 74 компонентов 410  псевдослучайные 386
Форма 131  прозрачность 417  тригонометрические
Функции 420  смешивание 419
 текста 35 функции 384
 возвращаемое значение  указание значения 407
421  фона 29 Ш
 яркость 416
 вызов 421 Циклы: Шаблон
 необязательные  @each 378 HTML-документа 18
 @for 376
параметры 425  @while 377 Шаблонные селекторы 457
 обратный вызов 426 Цитата 45 Шаблоны 457
 определение 421 Шкала с ползунком 167
 передача значений 423 Ч Шрифт 32
 передача ссылки на
Числа 380  гарнитура 33
функцию 426  возведение в степень  зачеркнутый 39
 проверка 381  курсивный 34
 квадратный корень 382  моноширинный 33
существования 428  логарифм 382  перечеркнутый 39
 расположение 423  макси483+13  подчеркнутый 39
 создание 421  мальное значение 382  полужирный 36, 37
 математические  стиль 34
Х константы 381  цвет 35

Хлебные крошки 272 Я

Ц Яркость 412, 416

Цвет 406
 альфа-канал 417