Czy istnieje gigantyczna "strona aktywów" wszystkich elementów Bootstrap, które mogę zmienić?

http://twitter.github.com/bootstrap/base-css.html Czy istnieje gigantyczna "strona aktywów" wszystkich elementów Bootstrap, które mogę zmienić?

Zobacz wszystkie przykładowe elementy, takie jak h1, h2, h3, dane wejściowe itp.?

Poszukuję prostej strony internetowej zawierającej wszystkie wejścia/formularze/elementy/etc Bootstrap i nic więcej.

Następnie mogę poprosić naszego projektanta, aby zmodyfikował podstawowy plik CSS za pomocą własnych stylów i może odświeżyć stronę zasobów, aby zobaczyć wszystkie jego zmiany i sposób kształtowania całego przewodnika stylu.

Byłoby bardzo pomocny dla naszego zespołu i dla naszego klienta, aby mógł zobaczyć cały nasz "wygląd i styl" na jednej skonsolidowanej stronie.

Czy taka strona istnieje wszędzie?

Źródło

2013-03-05 user72245

+11

Ludzie nie zdają się być zrozumienie pytanie tutaj. To, o co prosi, byłoby niezwykle użyteczne, pojedyncza strona, którą możesz mieć na swojej stronie (może stronie administratora), która pokazuje każdy element bootstrapu. Zasadniczo mówimy o stronach na http://twitter.github.io/bootstrap/, ale z zastosowaną stylizacją. Pomyśl o automatycznym przewodniku stylu. – opsb

Co możesz zrobić, to dostosować stronę bootstrap docs, aby użyć arkusza stylów. Jest zawarty w repozytorium bootstrap (na github pod adresem https://github.com/twitter/bootstrap/blob/master/docs/index.html).

Aby użyć innego arkusza stylów trzeba aktualizować https://github.com/twitter/bootstrap/blob/master/docs/templates/layout.mustache zwrócić do swojego arkusza stylów:

<!-- Le styles --> 
<link href="assets/css/bootstrap.css" rel="stylesheet"> 
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> 
<link href="assets/css/docs.css" rel="stylesheet"> 
<link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet"> 
<!-- add your stylesheet here to override -->

a następnie zbudować przy użyciu:

$ node docs/build production

Źródło

2013-04-16 16:47:17 opsb

czekałem na coś podobnego. Najlepszą, jaką znalazłem, jest ta strona internetowa, która również pozwala na edycję css na jej temat.

http://pikock.github.io/bootstrap-magic/app/index.html#!/editor

Źródło

2013-04-19 20:47:39 alexjj

miałem dokładnie taką samą potrzebę, bootstrap ma to gotowe dla Ciebie:

1) iść do http://twitter.github.io/bootstrap/getting-started.html i pobierz Bootstrap Źródło

2) rozpakować i przejdź do „mniejszej \ testy "

3) tam znajdziesz, jak to ujął bootstrap«one stop shop dla szybkich debugowania i krawędzi przypadków testów CSS»

Źródło

2013-04-25 20:38:51 gfilippou

Bieżące archiwum Bootstrap nie zawiera już folderu less/tests – janv8000

W chwili pisania tego tekstu, to jest dobry dla BS3 http://bootply.com/render/71500

aktualizacji Décembre 2013: Bootswatch ma stronę, która jest aktualizowana regularnie http://bootswatch.com/default/

Źródło

2013-08-05 07:56:45

Ta używana wersja 3-rc1, wygląda niepoprawnie w wersji 3.0.0. Oto podobny dokument, który jest ładnie z 3.0.0: https://github.com/divshot/bootstrap-theme-white-plum/blob/master/examples/kitchen-sink.html – Tor

Oto demo powyższego źródła: http://code.divshot.com/bootstrap-theme-white-plum/examples/kitchen-sink.html – Tor

Ten oparty jest na wersji 3.0.0 - http://bootply.com/65566 – ZimSystem

Bootstrap TLDR zawiera wszystkie składniki w jedną stronę: https://anvoz.github.io/bootstrap-tldr/

To na Github także: https://github.com/anvoz/bootstrap-tldr

Źródło

2015-01-10 14:19:57

spojrzeć tu pełną listę CSS i komponentów, z wyjaśnień i kodów snipets:

http://codepen.io/letanure/full/WxwaZP/

Kilka dni temu muszę to samo, Nie znaleźliśmy niczego jak trzeba, więc stworzyłem ten.

randon kawałek kodu, ponieważ wymagają stackoverflow jeśli opublikować link do codepen

<html lang="en"> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>Bootstrap all elements</title> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 
    <!-- Optional theme --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 
 

 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
 

 
</head> 
 

 
<body>

Źródło

2016-06-14 10:16:55

nie mogłem znaleźć, więc stworzyłem własną rękę. Zasadniczo połączyłem wszystkie przykładowe strony dokumentacji i usunąłem wszystkie opisy i kody. Usunąłem również kilka duplikatów.

podstawie Bootstrap v4.0.0-alpha.6

https://github.com/gavsiu/bootstrap-demo

Źródło

2017-03-01 22:42:43 gavsiu

Czy istnieje gigantyczna "strona aktywów" wszystkich elementów Bootstrap, które mogę zmienić?

Odpowiedz

Powiązane problemy