PDA

View Full Version : سوال: بهترین راه برای تغییر استایل های بوت استرپ چیست؟



.:Mahdi:.
سه شنبه 27 اسفند 1392, 13:15 عصر
سلام دوستان
من جدیدا میخوام با بوت استرپ کار کنم ولی حالا سوالم اینه که بهترین راه برای تغییر استایل های بوت استرپ چیه؟
اینه که در خود فایل bootstrap.css تغییرات رو ایجاد کنم؟ یا در فایل style اختصاصی خودم برای اون عناصر دوباره استایل تعریف کنم؟
راه اولی یه کم سخت هست چون همیشه تغییر استایل های یه نفر دیگه کار مشکلی هست و تغییر در هر جا میتونه خیلی جاهای دیگه خرابی درست کنه
راه دومی هم که یه مشکلی داره این هست که برای خیلی جاها مجبورم از important! استفاده کنم و این کار فکر میکنم خیلی استاندارد نباشه و باعث زشت شدن کدها بشه.

این هم یک مثال کوچک و ساده:
مثلا من میخوام رنگ پس زمینه body این باشه: #f1f1f1
ولی وقتی در فایل استایل خودم این کد رو میزنم تغییری صورت نمیگیره:
body {
background-color: #f1f1f1;
}
به دلیل اینکه خود بوت استرپ برای body رنگ #fff رو در نظر گرفته
حالا اگه به آخر کُدَم important! رو اضافه کنم درست میشه ولی خودم خیلی با این important! حال نمیکنم و فکر میکنم خوب نیست که همیشه ازش استفاده بشه.

راه حل دیگه هم هست؟
ممنون میشم راهنمایی کنید

qartalonline
سه شنبه 27 اسفند 1392, 16:47 عصر
بهتره از راه دوم استفاده کنید. یا از استایل دهی Inline استفاده کنید.

بهزاد علی محمدزاده
سه شنبه 27 اسفند 1392, 16:51 عصر
سلام . اگر فایل css خودت رو بعد از فایل bootstrap قرار بدی دستورات override میشه و نیازی به important نیست . همین مثال خودت و امتحان کن.

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

.:Mahdi:.
سه شنبه 27 اسفند 1392, 16:57 عصر
سلام . اگر فایل css خودت رو بعد از فایل bootstrap قرار بدی دستورات override میشه و نیازی به important نیست . همین مثال خودت و امتحان کن.

<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/yourstyle.css" rel="stylesheet" />
اوه! بله حق با شماست حواسم نبود.
اینطوری خیلی عالی شد
ممنون:قلب: