51

http://twitter.github.com/bootstrap/base-css.html

h1、h2、h3、inputsなどのすべての要素の例を参照してください。

すべての Bootstrap が含まれているシンプルな Web ページを探していinputs/forms/elements/etcますが、他には何もありません。

次に、デザイナーにベース CSS ファイルを独自のスタイルで変更してもらい、アセット ページを更新して、すべての変更とスタイル ガイド全体がどのように形成されているかを確認します。

私たちのチームにとっても、クライアントにとっても、私たちの「ルック アンド フィール」全体を 1 つの統合ページで確認できるようにすることは非常に役立ちます。

そのようなページはどこかに存在しますか??

4

7 に答える 7

13

ブートストラップ TLDRには、1 つのページにすべてのコンポーネントが含まれています: https://anvoz.github.io/bootstrap-tldr/

Github にもあります: https://github.com/anvoz/bootstrap-tldr

于 2015-01-10T14:19:57.340 に答える
2

私はまったく同じ必要がありました.bootstrapにはこれが用意されています：

1) http://twitter.github.io/bootstrap/getting-started.htmlにアクセスし、Bootstrap Source をダウンロードします。

2) 解凍して「less\tests」に移動します

3) そこには、bootstrap が言うように、「CSS の迅速なデバッグとエッジケース テストのためのワンストップ ショップ」があります。

于 2013-04-25T20:38:51.547 に答える
1

できることは、スタイルシートを使用するようにブートストラップ ドキュメント サイトをカスタマイズすることです。これは ( https://github.com/twitter/bootstrap/blob/master/docs/index.htmlの github で) のブートストラップ リポジトリに含まれています。

別のスタイルシートを使用するには、 https://github.com/twitter/bootstrap/blob/master/docs/templates/layout.mustacheを更新して、スタイルシートを指すようにする必要があり ます。

<!-- 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 -->

次に、次を使用してビルドします。

$ node docs/build production
于 2013-04-16T16:47:17.727 に答える