бойлер срещу бутстрап


Отговор 1:

HTML5 Boilerplate и Twitter Bootstrap правят различни неща, но е сравнително лесно да ги комбинирате.

HTML5 Boilerplate (H5BP) е начален шаблон за проект, който е проектиран да бъде адаптиран към вашите нужди. Bootstrap е специализиран, модулен, HTML / CSS / JS инструментариум.

H5BP съдържа редица най-добри практики или общи включвания за вашия първоначален HTML шаблон, което е по-скоро като общият шаблон по подразбиране, който бихте използвали като глобален шаблон от страна на сървъра. Bootstrap не предоставя нищо подобно (нито е необходимо, нито цели). Така че в това отношение H5BP е напълно подходящ за включване на HTML компоненти от където и да е другаде (напр. Тези от Bootstrap).

Проектът H5BP съдържа и изчерпателен набор от конфигурации на сървъри, за да помогне за осигуряване на оптимизиран опит. Отново това е уникално за H5BP и може да се използва заедно с Bootstrap за подобряване на производителността на сайта, наред с други неща.

H5BP CSS е отправна точка, която до голяма степен се основава на Normalize.css (http://necolas.github.com/normalize.css) (вижте уикисите Normalize.css и H5BP за изчерпателна документация за всеки ред от CSS). Именно там можете да започнете от последователна и обяснена база, но е проектирана да бъде взаимозаменяема, ако това е, което трябва да направите. Това означава, че можете лесно да превключите H5BP CSS по подразбиране за целия Bootstrap Less / CSS инструментариум. Bootstrap Less / CSS използва части от Normalize.css, така че все пак ще получите някои от предимствата, пакетирани с H5BP CSS, когато използвате CSS на Bootstrap.

Има няколко неща в H5BP CSS, които може да искате да добавите към Bootstrap - стиловете за печат и някои от помощните класове на CSS.

Всички плъгини Bootstrap JS са създадени да работят с jQuery, който е включен по подразбиране с HTML5 Boilerplate, така че включването им също не е проблем.

Надявам се, че това обясни как CSS / JS и на двата проекта е проектиран да бъде самостоятелен, което улеснява превключването на CSS / JS подмножеството от H5BP за CSS / JS, което формира ядрото на Bootstrap.

Проектът Initializr - http://www.initializr.com/ - ви помага автоматично да интегрирате H5BP и Twitter Bootstrap.

Mickael Daniel (известен също като mklabs) - сътрудник на H5BP, който е свършил всякакъв вид работа по сценариите за изграждане - също е съставил скрипт, който автоматизира комбинацията от H5BP и Bootstrap: https://gist.github.com/1422879


Отговор 2:

Бих казал, че се правят комплименти един на друг. Котелната плоча е чудесна отправна точка, която няма компоненти на потребителския интерфейс и Bootstrap е всичко за потребителския интерфейс.

Всъщност работя върху комбинирано bootstrap / kotplateplate, което наричам html5-bojstrap тук https://github.com/elgreg/html5-boilerstrap Надявам се той да работи от край до край.

Основните цели:

  • както за котлона, така и за стартовата лента да останат недокоснати от оригиналите си (вече се счупи малко, за да вкарат normalize.css в bootstrap вместо CSS нулиране), използвайки подмодули git
  • за скрипта за изграждане на котлона все още да работи
  • за LESS да се поддържа и компилира

Ще го представя за работа в началото на следващата година и ще публикувам тук, ако хората се интересуват.


Отговор 3:

Всъщност H5BoilerPlate не е пряко съпоставим с BS, тъй като единият е набор от базови инструменти (jQuery, модернизатор и т.н. ...) за стартиране на разработка на HTML5 проекти, а другият е CSS + JS UI рамка (като jQuery UI или YUI) , Initializr е доста като H5BP, но съдържа повече библиотеки, включително BS.

jQuery UI Bootstrap е само jQuery потребителски интерфейс с появата на BS (като тема), но не ми харесва, защото е твърде тежък и изисква твърде JS код зад. BS според мен е много лек по време на изпълнение и е много лесен за използване ...

мениджър

http://www.markupbox.com

Отговор 4:

Въпреки че споделят някои общи черти. Те са различни.

HTML5 котлона ви предоставя общите неща, които ще ви трябват в нов HTML проект, така че няма да се налага да преоткривате колелото отново и отново.

Bootstrap е предимно мрежова система и CSS рамка.

Ще искате да използвате и двете в своя проект, за да ускорите времето си за развитие.

Стартирайте проект за HTML5 Boilerplate след 15 секунди! (Initializr.com)

Сливането ли за вас.


Отговор 5:

И Фондацията, и Bootstrap са проектирани като рамки, които поне отчасти ще управляват структурно изграждането на вашия сайт. H5BP, както казва Никола, е много по-агресивна отправна точка, която предоставя най-добри практики, стандартни елементи и парчета като Normalize.css, от които да започнете.

Въпреки това, нито Фондация, нито Bootstrap също не са цялостни решения - и двете са създадени да насърчават адаптирането, модификацията и допълненията, за да създадат цялостен сайт. Фондацията всъщност включва редица произведения от H5BP, тъй като H5BP вероятно е един от най-стабилните източници на най-добрите практики. Интегрирането на Foundation и H5BP всъщност не е операция „plug and play“, тъй като ще възникнат някои конфликти, но също така не е изключително тежко.


Отговор 6:

Струва ми се, че Bootstrap и Boilerplate могат да се допълват взаимно.

Boostrap предоставя базови CSS и HTML за типография, формуляри, бутони, таблици, решетки, навигации.

Boiletplate изглежда по-загрижен за конфигуриране на сайтове с най-добри практики, съвместимост между браузъри и по-малко загрижен за стилизирането.


Отговор 7:

Мисля, че Initializr (http://www.initializr.com/) отговаря на този въпрос перфектно, доказвайки, че можете да използвате елементите на всеки от тях заедно. Workless е друго комбинирано Bootstrap / H5BP (http://ikreativ.com/projects/workless/).


Отговор 8:

Bootstrap, Foundation и котлони са предназначени да бъдат рамки, които използвате като отправни точки към изграждането на сайт ...

Те наистина не се комбинират прекалено добре и всъщност няма по-добър избор, просто всеки служи като добра отправна точка.


Отговор 9:

Моята препоръка: Ако искате бързо и цялостно решение, ще изберете Bootstrap, ако искате проектът ви да работи добре на настолен компютър / смартфон, ще изберете Foundation. В момента използвам и Bootstrap / Foundation, зависи от всеки проект.