1

今日、初めて Twitter ブートストラップを使用しようとしましたが、失敗しました。hereからの指示に従おうとしました。

まず、git clone git://github.com/twitter/bootstrap.gitブートストラップをダウンロードしていました。その結果bootstrap、すべてのサブディレクトリとファイルを含むディレクトリが呼び出されました。次に、ここからhtmlコードをコピーして貼り付けたテストhtmlファイルを作成しました。次に、この html ファイルをブラウザで開きました。本来あるべき姿ではありませんでした。

twitter-bootstrap-v2次に、html コードが からではなく からブートストラップを読み取ろうとすることに気付きましたbootstrap。OK、bootstrapディレクトリの名前を変更しました。その後、html ファイルの見栄えは良くなりましたが、本来の見栄えではありませんでした。

example-fixed-layout.css次に、htmlコードが存在しないファイルを「読み取ろう」としていることに気付きました。OK、html コードを含む同じページから css コードをコピーして貼り付けて、このファイルを作成しました。その後、私の html コードは見栄えが良くなりましたが、それでも見た目と同じではありませんでした。

example-fixed-layout.css次に、cssコードにリンクが/twitter-bootstrap/images/gridbg.gifあり、ダウンロードしたディレクトリにこのイメージがないことに気付きました。この時点で私はあきらめました。

Twiter ブートストラップの使用を開始する簡単な方法はありますか?

さらに、「CSSとJavaScriptをコンパイルする」必要があるという事実に混乱しています（ここに書かれているように）。css と JavaScript はどのようにコンパイルできますか? 実行可能なcssなどはありますか?

4

3 に答える 3

2

0. 適切なパッケージのダウンロード

ここをクリック。

（ソース）

1. ページへの追加

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap CSS -->
    <link href="/bootsrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <script src="http://code.jquery.com/jquery.js"></script>
    <!-- Bootstrap JS -->
    <script src="/bootsrap/js/bootstrap.min.js"></script>
  </body>
</html>

（ソース）

2. コンパイル

...必要ありません。すでにパッケージにコンパイルされています。Bootstrap はもともと SASS で記述されており、通常の CSS ファイルにコンパイルする必要があるため、コンパイルについて言及されていますが、 @ bootstrap の連中がすでにそれを行っています。

于 2013-05-09T10:18:58.767 に答える
0

コンパイル済みバージョンの zip ファイル ( http://twitter.github.io/bootstrap/assets/bootstrap.zip ) をダウンロードし、ページ テンプレートに CSS/JS を含めるだけです。

コンパイルは、ソースバージョンを使用している場合にのみ必要です。

http://twitter.github.io/bootstrap/getting-started.htmlを参照してください。

于 2013-05-09T10:16:42.843 に答える