Saya memiliki dua contoh aplikasi Angular yang sangat kecil yang mengintegrasikan Bootstrap CSS. Satu bekerja dan satu yang saya buat sendiri tidak. Tidak jelas apa perbedaannya dan mengapa itu tidak berhasil dalam kasus saya.

Langkah-langkah saya adalah sebagai berikut:

npm install bootstrap --save

Ini memperbarui package.json dan kemudian saya memperbarui index.html dan menambahkan

<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">

Baris yang persis sama dengan aplikasi yang berfungsi tetapi dalam contoh aplikasi yang saya buat menggunakan ng new new-app itu tidak berfungsi.

Tab jaringan di chrome menunjukkan 404. Pada dasarnya URL http://localhost: 4200/node_modules/bootstrap/dist/css/bootstrap.min.css tidak dapat ditemukan.

Apa cara yang benar/lengkap untuk mengintegrasikan Bootstrap CSS di aplikasi Angular?

1
onknows 30 Agustus 2017, 08:40

2 jawaban

Jawaban Terbaik

Sepertinya Anda menggunakan sudut & sudut cli

Jika ini masalahnya maka Anda sebenarnya dapat menambahkan file bootstrap.css di .angular-cli.json di dalam array yang sesuai dengan kunci style seperti ini

"styles": [
        "styles.less",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css"
      ]

Dua kemungkinan lain adalah mengimpor bootstrap.css ini di file .css utama menggunakan @import atau Anda dapat meminta ini di file index.js utama.

3
Max 30 Agustus 2017, 06:35

Karena Anda menggunakan Angular-CLI:

Perbarui file .angular-cli.json Anda untuk menyertakan gaya bootstrap:

"styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.min.css",
],

Tidak perlu memasukkannya ke dalam index.html Anda

0
Carsten 30 Agustus 2017, 05:45