خانه / مستندات / Next JS / استایل دهی با CSS / استایل شیت های خارجی

استایل شیت های خارجی

استایل‌شیت‌های منتشر شده توسط پکیج‌های خارجی را می‌توان در هر جای پوشه app، از جمله کامپوننت‌های هم‌مکان (Colocated components)، ایمپورت کرد:

// app/layout.tsx
import 'bootstrap/dist/css/bootstrap.css'
 
export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <body className="container">{children}</body>
    </html>
  )
}

نکته: در React 19، می‌توانید مستقیماً از تگ <link rel="stylesheet" href="..." /> نیز استفاده کنید. برای اطلاعات بیشتر، مستندات link در React را مطالعه کنید.

این محتوا کاملا رایگان توسط تیم کدلپر ترجمه شده و در اختیار شما کاربران عزیز قرار گرفته است، هر گونه کپی برداری برای مقاصد غیر رایگان و بدون ذکر منبع، مورد پیگیری قانونی قرار میگیرد.

ترجمه شده از منبع: https://nextjs.org/docs/app

خانه / مستندات / Next JS / استایل دهی با CSS / استایل شیت های خارجی

استایل شیت های خارجی

// app/layout.tsx
import 'bootstrap/dist/css/bootstrap.css'
 
export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <body className="container">{children}</body>
    </html>
  )
}

ترجمه شده از منبع: https://nextjs.org/docs/app