2016-09-30 19 views
2

だから私は、このページでよ:ブートストラップ4を有効にするにはどうすればよいですか?

http://v4-alpha.getbootstrap.com/getting-started/flexbox/

私は自分のアプリケーションで使用できるように、ブートストラップフレックスを可能にしようとしています。一番下にはダウンロードページに向かい、フレックスボックスが有効になっているコンパイル済みCSSバージョンがインストールされています。だから私は自分のアプリケーションからのブートストラップをアンインストールし、パッケージマネージャコンソールで次の行を実行しました:

PM> Install-Package bootstrap -Pre 

これはenableFlexと_variables.scssファイルがtrueとして設定インストールされています。

また、bootstraps.css/minファイルと適切なブートストラップJSファイルもダウンロードしました。私はブートストラップがこれを必要としたのでNuGet経由でテザーをインストールしました。

<div class="container"> 
    <div class="row"> 
    <div class="col-xs"> 
     1 of 2 
    </div> 
    <div class="col-xs"> 
     1 of 2 
    </div> 
    </div> 
    <div class="row"> 
    <div class="col-xs"> 
     1 of 3 
    </div> 
    <div class="col-xs"> 
     1 of 3 
    </div> 
    <div class="col-xs"> 
     1 of 3 
    </div> 
    </div> 
</div> 

いくつかのdivを表示するには、フレックスボックスを使用するためのものです:

は、私は、ブートストラップのウェブサイトから、このコードをコピーしました。しかし、アプリケーションを実行しているとき、彼らは彼らがどのように表示されるべきかを示していません。このリンクをクリックして、見えるようになっているものを参照するには、スクロールダウン:私は、コンソール・エラーがない

http://v4-alpha.getbootstrap.com/layout/flexbox-grid/#auto-layout-columns

、私は私が間違ってやっているかを見ることができません。ダウンロードしたCSSファイルには.col-xsクラスがないため、ブートストラップのダウンロードで問題になる可能性があります。 col-xs-1およびupクラスのみ。

誰もがブートストラップ4でフレックス機能を有効にする方法を知っていますか?

答えて

0

私はその物を動かすことができました。私は、ブートストラップのダウンロードに問題があること、または少なくともウェブサイト上の言葉には問題があると考えています。

私は仕事にそれを得るために管理方法はとても似た:NuGetパッケージマネージャコンソールで

  1. 実行この

    インストール・パッケージbootstrap.sass -preを

  2. インストールRuby

  3. Ruby経由でインストールするCMD

  4. 私は、これはその後、私が必要なすべてのCSSファイルを生成

ブートストラップSCSSファイルのフォルダ全体に時計を置きます。私はその後、私のビューにbootstrap-flex.cssファイルを使用し、それは働いた。

私は知らないページにコンパイル済みのフレックスCSSをダウンロードするように言われているのはなぜですか?

関連する問題