Увод у Боотстрап 4 Цхеатсхеет
Боотстрап 4 цхеат схеет увео је велики ремонт из Боотстрап-а 3. Много промена се десило са већином компоненти које укључују табеле, обрасце, падајуће мреже, решетке, навигационе траке, итд. Главне предности оквира као што је Боотстрап је да могу убрзати Развојна времена чак и када се одржава квалитет и доследност апликације на веб локацији. Боотстрап 4 цхеат схеет делује на свим модерним прегледачима изнад Интернет Екплорера 9.
Боотстрап 4
Боотстрап 4 је најновија и најнапреднија верзија боотстрапа. То је најпопуларнији оквир за ХТМЛ, ЦСС и ЈаваСцрипт који се користи за развој респонзивних и мобилних апликација. Боотстрап 4 као и раније верзије је бесплатан и отвореног кода. Више не требамо поново писати и редизајнирати све од нуле за различите скупове уређаја. Такође, не требамо чекати неколико сати покушавајући да све поправимо и осигурамо да изгледа и функционише право на различитим прегледачима, јединственим платформама и уређајима.
Команде и опис на Боотстрап 4 Цхеатсхеет-у
Неке важне наредбе Боотстрап 4 и њихов опис су наведени у наставку: -
| Команде | Опис |
| Фиксни контејнер | Фиксни спремник има фиксну ширину. Како је прегледач промењен у величину, његова ширина остаје иста све док се не нађе тачка прекида. |
| Контејнер за течности | Контејнер са течношћу се протеже до пуне ширине расположивог приказа. Она се шири и уговара флуидно што значи да се мења како се прегледач мијења. |
| .Цол- | Налази се за изузетно мале уређаје - ширина екрана је мања од 576пк |
| .Цол-см- | За мале уређаје - ширина екрана остаје једнака или већа од 576пк |
| .Цол-мд- | За средње уређаје - ширина екрана остаје једнака или већа од 768пк |
| .Цол-лг- | За велике уређаје - ширина екрана је једнака или већа од 992пк |
| .Цол-кл- | За веће уређаје - ширина екрана је једнака или већа од 1200 пк |
- | х1 Заглавље величине боотстрап-а са 2, 5рем = 40пк х2 Заглавље величине боотстрап-а са 2рем = 32пк х3 Заглавље величине боотстрап-а са 1.75рем = 28пк х4 Заглавље величине боотстрап-а са 1.5рем = 24пк х5 Заглавље величине боотстрапа са 1, 25рем = 20пк х6 Заглавље величине боотстрап-а са 1рем = 16пк |
| Овај елемент ХТМЛ ознаке пружа жуту боју позадине са мало облога | |
| Овај елемент ХТМЛ ознаке пружа испрекидано дно обруба. | |
|
| Класа додавања са
користи се за цитирање блокова садржаја из извора који су споља. |
| .фонт-веигхт-болд | За подебљани текст |
| .фонт-италиц | За лектирни текст |
| .фонт-веигхт-лигхт | За текст мале тежине |
| .фонт-тежина-нормално | За нормалан текст |
| .леад | Одјек чини да се видно истиче |
| .смалл | Означава мањи текст, тј. Смањује величину слова на 85% величине надређеног. |
| .тект-лефт | Означава да је текст лево поравнан. |
| .тект - * - лево | Означава да је текст поравнан улево на свим екранима величине |
| .тект-центер | Означава текст поравнан у средини |
| .тект - * - центар | Означава текст поравнан у средини на свим екранима величине |
| .тект-ригхт | Означава за текст поравнан удесно |
| .тект - * - тачно | Означава текст поравнан удесно на свим екранима величине |
| .тект-јустифи | Означава оправдан текст |
| .тект-моноспаце | Има једностарски текст |
| .тект-новрап | Означава да нема омотаног текста |
| .тект-мала слова | Означава текст у малим словима |
| .тект-велика слова | Означава за велико слово текста |
| .тект-великим словима | Означава за велико слово текста |
| .иницијализам | Приказује текст унутар елемента ХТМЛ ознаке фонта мањег формата. Уклања расположиви задани стил листе и леву маргину на ставкама листе угнијежђених листа |
| .сто | Класа додаје основни стил табели. |
| .-пругасти | Класа додаје траке зебре-пруге. |
| обрубљен на табелу | Класа додаје границе на свим странама стола и ћелија. |
| .табле-лебдјети | Класа додаје ефект лебдења, тј. Сиву боју позадине на расположивим редовима таблице. |
| .табле-дарк | Настава додаје црну позадину у сто. |
Бесплатни савети и трикови коришћења Боотстрап 4 Цхеат схеет-а: -
Неке цоол савете и трикове за брзо хаковање функција боотстрап 4 варалице и креирање невероватне апликације на мобилном уређају су поменути у овом одељку: -
- Уз употребу. цол- (тачка прекида) -пусх- (број) или када се користи. цол- (бреакпоинт) -пулл- (број) класе колонама, редослед одређених колона може се мењати.
- Да бисте брзо и лако сакрили елемент само на кс уређајима, постоји хидден-кс класа, ово се може користити за скривање.
- . Скривена (прекидна) класа се такође може користити за остале тачке прекида и када се комбинују, може се постићи скривени опсег као што је горе поменуто. На пример: - класе .хидден-ЛГ, .хидден-МД, .хидден-см.
- Боотстрап долази са 5 подразумеваних расположивих стилова дугмета, а то су подразумевани, примарни, успех и опасност. Када треба променити дугме да би се смањио његов радијус или обруб, најбољи начин је постизање преписа .бтн
- Да бисте онемогућили радио и потврдне оквире, потребно је додати онемогућену класу родитељском .цхецкбокор то.радио елементу. затим додајте онемогућени атрибут посебном улазу
- Да бисте онемогућили дугмад, додајте атрибут онемогућено дугмади ХТМЛ ознаке
Или се исто може учинити помоћу додавања .дисаблед класе дугмади.
- Да бисте лако блокирали елемент блокаде водоравно, додајући класу средишњег блока, то треба урадити, као у.
- Ако се жели брзо центрирати инлине садржај или треба урадити инлине-блоцк елементе унутар дива, додајте .тект-центер класу у његов надређени елемент.
- Такође, можете лако уградити ИоуТубе видео снимке користећи Боотстрап-ову одзивну класу која је помоћник, часови. уграђена-респонзивна-16би9 или уграђена-респонзивна-4би3 класа треба да се бира на основу односа слике видео
Боотстрап 4 Цхеат схеет - закључак
Изнад странице за отклањање боотстрап-а 4 даје се поглед на оно што је могуће са боотстрап-ом 4. Али постоји и свеобухватнији водич са хиљадама других параметара и ознака. Очигледно је да се подаци о свима не могу пружити у једном чланку, нити да програмер мора упамтити све ознаке и класе за развој. Најбољи и препоручени приступ је да такве листове држите при руци, а корисник би их требало упутити кад год се укаже потреба. Ово ће осигурати да се сав посао обавља у вријеме потребе и побољшаће корисничко разумијевање и знање о почетној траци 4 током одређеног периода.
Препоручени чланак
Ово је водич за Боотстрап 4 Цхеат схеет овде смо разговарали о садржају и наредби, као и бесплатним саветима и триковима Боотстрап 4 Цхеат схеет-а. Такође можете погледати следећи чланак да бисте сазнали више -
- Цхеат Схеет ЦСС
- Боотстрап вс Јкуери Дифференцес
- Једноставан и користан водич за Сатх цхеатс схеет
- Ултимате цхеатс схеет за Ц ++ програмски језик (основе)