2017-07-05 24 views
1

ダッシュボードのメニューオプションの1つから表示されるページのメインダッシュボードページとPrime NGデータテーブルでブートストラップを使用する予定です。私は角度(角4)を使用しています。同じアプリケーション内にブートストラップのCSSと複数のCSSファイルがありますか?

  1. 私がブートストラップのCSSファイルを参照し、テーマのCSSファイルをプライムしても問題になるでしょうか?
  2. @import url( 'bootstrap cssファイルへのパス')としてstyle.cssファイル内にインポートし、私のspecifycコンポーネントのCSSファイル内で、プライムNGテーマのCSSファイル
  3. をインポートする予定です

私はスタイリングとCSSの専門家ではないので、上記のアプローチが良いかどうかを確認したいと思っていました。同じアプリケーションにブートストラップとプライムNGのcssファイルがあると問題がありますか?

ブートストラップ - http://getbootstrap.com/getting-started/ プライムNG - 私は現在primeNGとブートストラップ3の両方を使用してプロジェクトに取り組んでいますhttps://www.primefaces.org/primeng/#/setup

+0

問題はありません。しかし、同じ名前のクラスが複数ある場合は、前回のクラスを上書きして – samAlvin

答えて

0

私は彼らと全く問題ありません。

Angular-CLIを使用しており、必要なCSSファイルをangular-cli.jsonファイルのscripts属性にインポートしました。しかし、どのようにインポートするかはあなた次第です!

+0

更新していただきありがとうございます。しかし、どのようにあなたはそれをangi-cli.jsonの中で参照しましたか?私は "scripts":[styles.css "]を追加しようとしましたが、それは助けになりませんでしたか? – megan

+0

1 - スタイルシートを変更しない限り、スタイルシートはstyle.cssと呼ばれません.2 - CDNを使用した場合はインストール方法に依存しますが、angle cliファイルでインポートすることはできません。インポートする2つのファイルを意味します。あなたはあなたのCSSファイルでそれをインポートすることを選んだ、私はそれをしたことがないので、私はあなたを助けることはできません、ごめんなさい! – trichetriche

0

することができます! :)しかし、@importの後にブートストラップを上書きしたい場合は、コードを入れてください。

関連する問題