2012-01-08 17 views
34

W moim projekcie Play 2.0 mam już zintegrowany Bootstrap (jako że mniej plików, Play może je skompilować w locie), ale teraz znalazłem Boilerplate i myślę, że byłoby miło pomyśleć o skorzystaniu z niego również.Jak prawidłowo zintegrować płytę HTML5 Boilerplate z Bootstrap na Twitterze?

Po trochę googlowania znalazłem to: http://www.quora.com/Is-Bootstrap-a-complement-OR-an-alternative-to-HTML5-Boilerplate-or-viceversa

Tak wygląda integracja powinna być możliwa, a są nawet 2 projekty, które starają się zrobić. Jedynym problemem jest to, że robią zupełnie różne rzeczy i nie jestem pewien, który z nich jest poprawny.

https://gist.github.com/1422879 w swoim obecnym stanie wydaje się po prostu ignorować plik styles.css pochodzący z Boilerplate. Nazwa została zmieniona na h5bp.css, ale nie widzę nigdzie żadnej wersji.

https://github.com/elgreg/html5-boilerstrap drugiej strony wykorzystuje obie, tak plik styles.css podział na dwie części (h5bp_normalize.css i styles.css, bootstrap.css zawiera się między nimi). Ale czy w ten sposób nie ma konfliktów między Boilerplate a Bootstrap?

Więc jestem trochę zagubiony. Jaki jest właściwy sposób robienia rzeczy w tym przypadku?

+0

Co częścią html5Boilerplate dokładnie szukasz zintegrować? –

Odpowiedz

62

Po prostu użyj Initializr, to półoficjalne rozwiązanie i ma ogromny zestaw opcji. Bootstrap + H5BP jest obsługiwany z pudełka!

http://www.initializr.com/

3

Usunąłem resetowania style z bootstrap Twitterze (usuwając mniej@import oświadczenie) i wkleić go do HTML5 boilerplate (w sekcji Style użytkownika). Dobrze pracował.

+0

Brzmi nieźle :) Ale to, co mnie martwi, to jeden z komentarzy pod fragmentem kodu (link w pierwszym poście): "Nie sądzę, żeby połączenie CSS działało tak dobrze, ponieważ Bootstrap potrzebuje resetowania, aby usunąć domyślny nagłówek marginesy i dopełnianie list.To jest założenie w pozostałej części kodu (ponieważ ostatnio sprawdzałem), co może wpływać na takie rzeczy, jak górny pasek i zakładki/pigułki. " Jak intensywnie używasz Bootstrap z twoją modyfikacją? –

+0

Użyłem topbaru, nagłówków i formularzy, komunikatów alarmowych. Masz rację, właśnie spojrzałem na arkusz stylów i odkryłem, że dodałem regułę '.alert-message p {margin-top: 0}'. Tak więc niektóre hakowanie z resetami będzie potrzebne przy takiej integracji. – welldan97