اذهب إلى المحتوى

السؤال

نشر (معدل)

كيف أضيف مكتبة boostsrap  في تطبيق react بطريقة صحيحة علما أني استعملت  الطرق التالية ولم تنجح الإضافات 

import * as bootstrap from 'bootstrap';

واستعملت كذلك في ملف html

    <link rel="stylesheet" href="bootstrap-5.1.3-dist/css/bootstrap-grid.css">
    <link rel="stylesheet" href="bootstrap-5.1.3-dist/js/bootstrap.bundle.js">

ومن خلال  npm نفذت الأمر التالي 

npm i bootstrap-icons

 

Capture.PNG

تم التعديل في بواسطة Hassan Hedr
توضيح العنوان

Recommended Posts

  • 0
نشر

حاول استيراد ملفات CSS وجافاسكريبت من مكتبة bootstrap ضمن ملف جافاسكريبت الرئيسي للتطبيق كالتالي:

import 'bootstrap/css/bootstrap.min.css';
import 'bootstrap/js/bootstrap.min.js';

في حال تريد تنسيقات bootstrap من اليمين إلى اليسار استبدل ملف CSS السابق بالتالي:

import 'bootstrap/css/bootstrap.rtl.min.css';

بالنسبة لمكتبة boostrap-icons يمكنك استيراد تنسيقاتها كالتالي:

import 'bootstrap-icons/font/bootstrap-icons.css';

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...