Как да инсталирате Bootstrap
Bootstrap е уеб рамка с отворен код. Използва се главно за предно разработване. Това е безплатно. Bootstrap е разработен от Bootstrap Core Team. Първоначално Bootstrap е създаден от Марк Ото и Джейкъб Торнтън. Първоначално е пуснат през 2011 г. Написан е в HTML, CSS и JavaScript.
Пакет Bootstrap
Този пакет съдържа следните елементи:
- CSS : Той се нарича Cascading стилен лист, който се използва за стилизиране на HTML елементите.
- Компоненти : В Bootstrap пакета има много компоненти за многократна употреба за падащи, иконография, сигнали, навигация и т.н.
- Персонализирайте : В Bootstrap пакета компонентите могат да бъдат персонализирани, по-малко променливи и Jquery плъгини, за да получите стила.
- Скелета : В пакет за зареждане, той осигурява основната структура с мрежовата система, стила на връзката и фона.
- JavaScript : В пакета за зареждане ще има плъгини за javascript.
Стъпки за инсталиране на Bootstrap
Нека обсъдим стъпките, необходими за инсталиране на Bootstrap.
Стъпка 1: Използвайте връзката по-долу, за да изтеглите bootstrap. Щракнете върху Изтегляне, пакетът за зареждане ще бъде изтеглен в папка Zip. Тази папка съдържа папката CSS и JS.
https://getbootstrap.com/docs/4.0/getting-started/download/
Пакетът за начално зареждане, който се изтегля, е готов за използване на компилиран код и може лесно да бъде интегриран в проекта. Състои се от компилирани и минимизирани CSS пакети и плъгини за Javascript.
Стъпка 2: Изходен файл : Bootstrap може да се компилира със собствен тръбопровод на активите с помощта на файлове с JavaScript, sass и документация.
Кликнете върху Източник за изтегляне, за да изтеглите файловете. Съдържа js, CSS и други файлове.
Стъпка 3: Мениджъри на пакети: Bootstrap може да бъде инсталиран във файлове или приложения, захранвани от Node.js.
$ npm install bootstrap
Стъпка 4: За приложения Node.js, bootstrap може да бъде инсталиран и с помощта на пакет от прежда.
$ yarn add bootstrap
Стъпка 5: Ако потребителят иска да инсталира bootstrap за приложения за скъпоценни камъни
- Използване на bundler :
gem 'bootstrap', '~> 4.0.0' - Без пакет :
$ gem install bootstrap –v 4.0.0
Стъпка 6: Композиторът може да се използва за инсталиране и управление на началния sass и javascript
$ Composer require twbs/bootstrap: 4.0.0
Стъпка 7: Използвайки NuGet, можете да инсталирате и управлявате стартови CSS и sass и javascript for.Net приложения.
- Инсталирайте-пакет пакет за зареждане
- Install-Package bootstrap.sass
Стъпка 8: Jquery също се използва с файлове за зареждане или инсталационна папка. Jquery трябва да бъде изтеглен и да поставите файла Jquery в коренната папка Bootstrap, за да изпитате по-добрия потребителски интерфейс и най-важното Jquery подобрява функциите на bootstrap, който осигурява външния вид по-привлекателен и отзивчив.
Стъпка 9: След като извърши горните стъпки, разработчикът може да напише HTML кода, за да свърже всички файлове за HTML страницата и да отвори HTML файла, за да провери отговора.
Поддържани браузъри
Bootstrap главно поддържа най-новата и стабилна версия на всички браузър и платформа. Браузърът за мобилни устройства е поддържан Android и IOS платформа. Браузърите за настолни компютри за различни платформи като Mac и Windows също се поддържат от bootstrap.
Bootstrap Структура на файла
- Bootstrap е предварително компилиран, компилираната версия на bootstrap се изтегля и извлича Zip файла и следната файлова структура, която ще видите:
Горната фигура включва също файловете с папките на шрифтовете, ако разработчикът изисква допълнителни шрифтове, за да направи потребителския интерфейс според изискванията, може да включва тези файлове, които са налични в изходния пакет на bootstrap. Изходният код на bootstrap ще има по-подробна файлова структура.
Bootstrap 4
В Bootstrap 4 се правят значителни промени като пренаписване на кода главно, поддръжка на гъвкав размер на CSS, добавени са опции за персонализиране на навигацията, добавят се интервали за отговор и оразмеряване, добавя се глобалният размер на шрифта от 14px на 16px, брой на полезността класовете се добавят, бутон за стилизиране, падащи менюта, медийни обекти и класове на изображения се добавят. Той също така поддържа най-новата версия на браузърите.
Основната характеристика на Bootstrap е да опрости разработването на уеб страници. Основната причина за използване на bootstrap е изборът на цвят, размер, шрифт и оформление за проектиране. Той предоставя основни стилови дефиниции на HTML елементи. Jquery плъгините и Javascript компонентите предоставят някои допълнителни елементи, които могат да се използват за потребителски интерфейс като диалогови кутии и съвети и др. Компонентите за зареждане също се състоят от елементи на HTML, CSS декларации и Javascript код. Освен това има функция за разширяване на съществуващите елементи на интерфейса.
Другият основен компонент на bootstrap са неговите компоненти за оформление. Основният компонент на оформлението се нарича контейнер, в който е поставен всеки елемент от страницата. Контейнерът е поставен на уеб страницата, след което други компоненти на оформлението като CSS оформление могат да бъдат определени чрез редове и колони. Зависи от разработчика да избере кой контейнер с фиксирана ширина или контейнер с ширина на течността за проектиране на уеб страницата. Първият използва четирите предварително дефинирани ширини, но по-късно използва запълването зависи от размера на екрана, на който уеб страницата се гледа.
Употреба на багажника
Bootstrap е много лесен за използване и с помощта на bootstrap, разработчиците, използвани за разработване на отзивчиви уеб сайтове. Bootstrap също се използва, тъй като поддържа много браузъри като Google Chrome, Mozilla Firefox, Internet Explorer, сафари, опера и др. Bootstrap е лесен за стартиране и създаване на адаптивна мрежова система. Той има пакетни приставки за JavaScript и има списък на компаниите, които да използвате. Има добра документация за стартиране и възможност за работа бързо. Bootstrap показа отзивчив дизайн и мобилен първи подход. Той е с отворен код и без разходи. Спестява много усилия и време. Той е персонализируем. Важното използване на bootstrap е отзивчивият уеб дизайн, който помага при настройването на уебсайта според размера на екрана за всички устройства като лаптоп, десктоп, мобилен телефон и таблет.
Заключение - Как да инсталирате Bootstrap
Bootstrap използва широко като уеб-рамка отпред. Той също така поддържа много езици за програмиране и независима платформа. Той има страхотна поддръжка на онлайн общността за начинаещи, за да помогне и документация също е добър на официалния сайт, където всички актуализации относно издаването на нова версия и разширените функции са правилно публикувани и документирани. Стана популярната уеб рамка за изграждане на различни инструменти и интегриране с друг скриптов език.
Препоръчителни статии
Това е ръководство за това как да инсталирате Bootstrap. Тук сме обсъдили стъпките за инсталиране на bootstrap, а също и основната концепция на Bootstrap 4 и използването на Bootstrap. Можете също да разгледате следните статии, за да научите повече -
- Как да използвате командите Bootstrap
- Въпроси за интервю на Bootstrap с отговори
- Сравнения на Bootstrap и WordPress
- Инсталиране на WordPress