21

ブートストラップ3をコンパイルしようとしています。ローカルにリポジトリのクローンを作成しています。ブートストラップディレクトリでmakeを実行します。

aaas-imac:bootstrap aaa$ make



Building Bootstrap...
--------------------------------------------------
Running JSHint on JavaScript...             ✔ Done
Compiling LESS with Recess...               ✔ Done
Prepping documentation assets...            ✔ Done
Compiling and minifying JavaScript...       ✔ Done
--------------------------------------------------
Success!

Thanks for using Bootstrap,
<3 @mdo and @fat

aaas-imac:bootstrap aaa$ 

コンパイルされたドキュメントがどこにも表示されませんか?

4

7 に答える 7

14

Jekyllをインストールしてビルドするには:(Windowsに関する注意:https ://stackoverflow.com/a/16853614/1596547を参照)

  1. rubygemsをインストールする(sudo apt-get install rubygems
  2. (sudo)gem install jekyll
  3. ブートストラップインストールのディレクトリに移動し./docsます(参照:Twitter Bootstrap 3の探索とインストール
  4. jekyll --serverブートストラップディレクトリから実行
  5. http://localhost:9001/ http://localhost:9001/docs.htmlブラウザでアクセス

注意:WEBrickのデフォルトポートは9001です。このポートが使用できない場合は、他のポートが使用されます。WARN TCPServer Error: Address already in use - bind(2) INFO WEBrick::HTTPServer#start: pid=30728 port=4000

訪問http://localhost:9001/すると、ホーム画面が表示されます。ドキュメントがdocs.htmlにある間、[ドキュメントの表示]ボタンは/docs/にリンクします。以下を参照してください。

Twitterのブートストラップ3.0.0ドキュメント

現在(2013年7月10日)、ナビゲーションバーのリンクが壊れているようです(.htmlがありません)のでhttp://localhost:9001/javascript.html、の代わりに使用してhttp://localhost:9001/javascriptください。参照:https ://github.com/twitter/bootstrap/pull/8443

gitの使用(jekyllはすでにインストールされています):

git clone --branch 3.0.0-wip git://github.com/twitter/bootstrap.git
cd bootstrap
jekyll --server

訪問http://localhost:9001/またはhttp://localhost:4000/

UPDATE @ lee-whitneyjekyll serveは、の代わりに使用することを提案していますjekyll --server。このjekyll serveコマンドは、ドキュメントのhtmlファイルを含むディレクトリを作成します。このファイルは(ローカル)Webサーバーで提供できます。jekyll serve(jekyll)サーバーを起動しないでください。Linux(Ubuntu 12.04LTS)でJekyll0.12.1を使用してこのコマンドをテストします

于 2013-05-01T12:45:29.313 に答える
11

Bootstrap 3.0のドキュメントは、 Jekyllを使用して構築されています。ドキュメントをローカルで表示するには、 Jekyllをインストールしてローカルサーバーを実行する必要があります。

于 2013-03-10T12:23:30.213 に答える
5

Windowsの場合(Linuxについてはよくわかりませんが、私が完全にテストしました):

ステップ1:Bootstrap3をダウンロード:github.com/twitter/bootstrap/archive/3.0.0-wip.zipステップ
2:Rubyをダウンロード:ここをクリックステップ3:Devkitを ダウンロード:ここをクリック して、ディレクトリに解凍します。 ステップ4:rubyターミナルを介してdevkitディレクトリに移動し、次のコマンドを実行します

ruby dk.rb init
ruby dk.rb install
gem install jekyll --version '= 0.11.0'

最新バージョンのjekyllでドキュメントをコンパイルできなかったため、バージョンの手順は非常に重要です。そのため、古いバージョンに切り替えました。

ステップ5:ブートストラップディレクトリのルートディレクトリに移動しますステップ6:
jekyll --serverを実行します
ステップ7:ブラウザでlocalhost:9001 /またはlocalhost:4000 /にアクセスします(そのうちの1つは確実に機能します)

于 2013-05-31T09:03:02.580 に答える
3

私はAbhishekの方法を試しましたが、うまくいきました。しかし、完全ではありません。まだFluidエラーが発生しています。

だから私はたくさん掘り下げて解決策を見つけました。Bootstrap 3のコンパイルは、2.3.2よりも少し面倒です。

コンパイルして実行するには、次の手順を実行します。

  1. Bootstrap3マスターzipを入手する

  2. Ruby1.9.3を入手する

  3. DevKitを入手する

  4. Python 2.7をインストールし、PATH環境変数をpythonディレクトリで更新します

  5. BootstrapのGitHUbページに記載されているように、Jekyll1.xを入手してください。

    rubyターミナル経由でdevkitディレクトリに移動し、次のコマンドを実行します

    ruby dk.rb init
    ruby​​ dk.rb install
    gem install jekyll

  6. pygments 0.5.2をアンインストールし、pygments0.5.0をインストールします

    gem install pygments.rb --version "= 0.5.2"
    gem install pygments.rb --version "= 0.5.0"

  7. ターミナルで抽出されたブートストラップソースのルートディレクトリに移動し、次を実行します

    chcp65001
    ジェキルサーブ

localhost:9001を参照すると、ローカルでホストされているドキュメントが表示されます。

コンパイルすると、毎回jekyllserveコマンドを実行しなくてもこれらのページにアクセスできます。ローカルに保存されたWebページの場合と同じように、htmlページを開くだけです。

また、ドキュメントを表示するためにそれらを再び使用することはないので、抽出されたDevKitファイルを自由に削除してください。

于 2013-09-22T00:32:03.123 に答える
1

これが圧縮されたドキュメントです。読む以外に何もする必要はありません。完全にダウンロード可能なBootstrap3ドキュメント。

http://web3canvas.com/item/bootstrap-3-docs/

楽しみ!

于 2014-04-30T15:24:01.667 に答える
1

これが完全なソリューションです

Jekyll、Rougeをインストールしてビルドするには:

ルビーをインストールしていない場合-http ://jekyll-windows.juthilo.com/2-jekyll-gem/

  1. comand promtから、ブートストラップフォルダにcdします
  2. run-npm install問題が発生した場合は、npm update
  3. jekyllがインストールされていない場合は、gem install jekyll
  4. 次に実行しますgem install rouge
  5. jekyll serverブートストラップフォルダから実行します
  6. http:// localhost:9001/にアクセス
于 2015-04-16T14:12:27.853 に答える
0

Update: For Bootstrap version 3.3.4

ドキュメントをローカルで実行するために、Twitter Bootstrap(v3.3.4)次の手順を実行しました。他の人に役立つことを願っています。

手順:

  • gem install jekyll(インストールする必要がありRubyますRubygems
  • git clone --branch gh-pages git://github.com/twitter/bootstrap.git

    (現在、gh-pagesブランチはすべてのドキュメントを保持しています)

  • cd bootstrap
  • jekyll serve
  • http://127.0.0.1:4000/デフォルトのサーバーURLにアクセス
于 2015-03-19T11:31:56.917 に答える