web-dev-qa-db-ja.com

最新のBootstrap=バージョンをmy Laravel 5.4 Webアプリケーションに正しくインストールしますか？

私は[〜＃〜] php [〜＃〜]およびLaravelそして、次の問題があります：最新のBootstrapCSSフレームワークバージョンを正しくLaravelアプリケーション。

Bootstrapダウンロードページへ： http://getbootstrap.com/getting-started/#download

この文でcomposerを使用してそれを行うことができると言っています：

composer require twbs/bootstrap

だから私は試してみて、コンソールでこの出力を取得しました：

Andrea@Andrea-PC MINGW64 /c/xampp/htdocs/HotelRegistration
$ composer require twbs/bootstrap
Using version ^3.3 for twbs/bootstrap
./composer.json has been updated
Loading composer repositories with package information
Updating dependencies (including require-dev)
Package operations: 1 install, 0 updates, 0 removals
  - Installing twbs/bootstrap (v3.3.7) Downloading: 100%
Package illuminate/html is abandoned, you should avoid using it. Use laravelcollective/html instead.
Writing lock file
Generating autoload files
> Illuminate\Foundation\ComposerScripts::postUpdate
> php artisan optimize
Generating optimized class loader
The compiled services file has been removed.

前の出力とはどういう意味ですか？成功しましたか？私の疑問は、bootstrap.cssファイルが.../resources/assetsに見つからないことです。 プロジェクトのディレクトリ。

どうして？私は何が欠けていますか？ Bootstrap=をプロジェクトに使用するにはどうすればよいですか？

EDIT 1：Composer have putted BootStrapこのフォルダに：

.../vendor/twbs/bootstrap/dist/css/bootstrap.css

したがって、このSOリンク： セットアップ方法bootstrap composerを介してダウンロードした後？

私はやろうとしました：

php artisan asset:publish --path="vendor/twbs/dist/css" bootstrap/css

vendor/twbs/dist/cssのコンテンツをアセットとして公開しますが、次のエラーメッセージが表示されます。

Andrea@Andrea-PC MINGW64 /c/xampp/htdocs/HotelRegistration
$ php artisan asset:publish --path="vendor/twbs/dist/css" bootstrap/css


  [Symfony\Component\Console\Exception\CommandNotFoundException]
  There are no commands defined in the "asset" namespace.

そのため、assetステートメントは存在しないようです。

私は何をしなければなりませんか？

phptwitter-bootstraplaravellaravel-5laravel-5.4
8
user7540582

インポートしているbootstrap=間違った方法。主にlaravel使用composerサーバー側ライブラリをプルするために。Bootstrapは基本的にフロントエンドに使用されます。

LaravelはデフォルトでBootstrap=あなたのために、 こちらを参照 を提供します。

以下はあなたを助けるステップです。

ステップ1：Node.jsとNPMがマシンにインストールされていることを確認します。

node -v
npm -v

インストールされていない場合、心配しないでください link です。

ステップ2：（node.jsをインストールしたことを考慮して）プロジェクトのルートフォルダに移動し、次のコマンドを実行します.

npm install

このコマンドは、ブートストラップとともにすべての前提条件をダウンロードします。

ステップ3：必要なjsファイルをコンパイルします。

npm run dev

ステップ4：アプリケーションにjsファイルを追加します。

<script src="/js/app.js"></script> (Or it would be already imported)

それでおしまい！

もっと見つけることができます here と here

それがあなたを助けることを願っています！

3
Vaibhavraj Roham

もし私があなただったら、私はlaravel 5.4 Twitter bootstrap npmを使用した依存関係。

Npm dependanciesをインストールします。

npm install

次に、Bootstrap=をプロジェクトに実装するのは簡単です。resources/ assets/sass/app.scssを開いて、次の行を確認してください。

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

すべてのbootstrap= sassファイルをパブリックフォルダーpublic/を使用する必要がありますnpm run devまたはnpm run production生産環境にいる場合。

その後、すべてのBootstrap=スタイルを使用する準備ができました。文字通りすべてが必要です。

2
Abdou Tahiri

プロジェクトのルートを基準にして、vendor/illuminate/htmlまたはvendor/laravelcollective/htmlフォルダーを探します。 composer.jsonまたはcomposer.lock内でilluminate/htmlまたはlaravelcollective/html文字列を探します

composerはインストールや更新について何も言わなかったので、あなたはすでにそのパッケージを持っていると思います。

Composer.lockまたはvendorフォルダーにstrings/foldersのいずれかが含まれている場合、すでにインストールされており、コードで使用できます。

次の値をプロバイダー配列に追加して、config/app.phpにサービスプロバイダーを登録します。

Collective\Html\HtmlServiceProvider::class

Aliases配列に次の2行を追加して、ファサードを登録します。

'Form' => Collective\Html\FormFacade::class, 'Html' => Collective\Html\HtmlFacade::class,

0
Nawin