2013-04-24 15 views
8

Zamierzam wprowadzić zmiany do Twittera Boostrap, aby wygenerować własny motyw i chciałbym użyć jakiegoś ściągacza, który pokazuje wyniki z podkręcania stylów i CSS.Środowisko testowe Twittera Bootstrapa

Najlepiej byłoby gdyby pojedyncza strona internetowa zawierająca wszystkie elementy Twitter Boostrap była świetna zamiast dokumentacji Bootstrap, która je rozłożyła.

Jeszcze lepiej byłoby strona z adnotacjami na różnych elementach, aby pokazać wynik zmian w pliku variables.less.

Czy ktoś wie o jakichkolwiek zasobach, na które powinienem zwrócić uwagę? Z góry dziękuję.

Odpowiedz

22

Właśnie utworzyłem dla tego celu Bootply. Bootply to aplikacja typu "jsfiddle", która pozwala edytować przyjazny dla Bootstrap HTML, JS i CSS. Zawiera Bootstrap i jQuery dla ciebie, istnieją również opisy Bootstrap, które możesz wybrać z paska narzędzi i wkleić do edytora. Po prostu kliknij "Uruchom", aby zobaczyć swoje wyniki.

Bootply wyposażony

  • Toolbar z wszystkimi Bootstrap CSS, komponenty i JavaScript
  • Nazwa, etykietka i podziel pracującym przykłady Bootstrap
  • podgląd na pełnym ekranie lub telefonu/reagującego
  • Dołącz FontAwesome, jQueryUI i inne gotowe rozszerzenia Bootstrap
  • Te st różne wersje Bootstrap

http://www.bootply.com

Również ten test page jest przydatna dla obejrzeniu wszystkich dostępnych elementów naraz.

+0

Bardzo ładne! Dzięki. – isherwood

+0

Dziękuję .. i jestem bardzo otwarty na wszelkie opinie na ten temat. Opublikuj wszelkie problemy w GitHub https://github.com/iatek/bootply – ZimSystem