راکت
آرمین
آرمین
5 سال پیش توسط آرمین مطرح شد
11 پاسخ

سلكت كردن كلاس هاي بوت استرپ در فايل css پروژه

سلام
وقتي در پروژمون از بوت استرپ استفاده ميكنيم و از كلاس هاي آماده اون درون تگ ها استفاده ميكنيم ميتونيم در فايل css اون كلاس آماده رو سلكت يا انتخاب كنيم و مثلاً چند خط كد css خام به اون اضافه كنيم؟
تشكر


ثبت پرسش جدید
عرفان
عرفان
تخصص :Python
@erf5 سال پیشمطرح شد
2

سلام
بله میتونید


Saman
Saman
تخصص :برنامه نویس وب
@samanzdev5 سال پیشمطرح شد
2

سلام
آره 👍


علیرضا کفایتی
علیرضا کفایتی
تخصص :برنامه نویس laravel, vue.js
@alirezakefayati5 سال پیشمطرح شد
-1

سلام
میتونید فقط برای اینکه تو اولویت باشه باید از important استفاده کنید


محمدحسن فرهادی
محمدحسن فرهادی
تخصص :علاقه مند به کد نویسی
@farhadi5 سال پیشمطرح شد
1

@arminbeik سلام
شما یه فایل بوت استرپ دارید که فراخونی می کنید و یه سی اس اس خودتون . بنا به اولویت فراخونی در ابتدای صفحه به استایل ها هم اولویت داده میشه . این نکته خیلی مهمی هست که اگه بدونین نیازی به impotant گذاشتن ندارید. موفق باشید


آرمین
آرمین
@arminbeik5 سال پیشمطرح شد
0

@gomnam
@farhadi
متوجه important نشدم.
شما فرض كنيد يك سند html دارم يكي هم css
بوت استرپ رو هم به وسيله cdn درون سند html اضافه كردم
حالا وسط كدهاي html يك div دارم كه كلاس bootstrap داره و ميخوام يخورده شخصي سازيش كنم
اسم كلاسش رو وسط كد هاي css مثلاً خط ٥٠٠ فايل css مينويسم و ميخوام يكسري ويژگي هاي جديد به كلاسش اضافه كنم
در اين حالت important رو بايد به چي و كجا اضافه كنم؟


محمدحسن فرهادی
محمدحسن فرهادی
تخصص :علاقه مند به کد نویسی
@farhadi5 سال پیشمطرح شد
1

@arminbeik هیچی در این حالت به نظر من توی فایل سی اس اس خودتون یه کلاس بسازید اون چند تا خاصیتی که میخواید رو بنویسید

حالا توی همون خط 500 بعد اون کلاس بوت استرپ کلاس خودتونم بنویسید.
ویژگی های قبلی رو از بوت استرپ میگیره جدید هاشم از کلاس شما!


محمدحسن فرهادی
محمدحسن فرهادی
تخصص :علاقه مند به کد نویسی
@farhadi5 سال پیشمطرح شد
1

@arminbeik اون ایمپورتنت زمانی کارایی داره که ویژگی رو از کلاس والد بگیره و شما بخواید به اجبار بهش بگید اونو بیخیال شو و فقط اینو بگیر( به زبان ساده)


علیرضا کفایتی
علیرضا کفایتی
تخصص :برنامه نویس laravel, vue.js
@alirezakefayati5 سال پیشمطرح شد
-2

مثلا :

h1{
color: red !important;
}

محمدحسن فرهادی
محمدحسن فرهادی
تخصص :علاقه مند به کد نویسی
@farhadi5 سال پیشمطرح شد
1

@gomnam با این مثال فقط گمراه میکنید ! h1 یک کلاس از پیش تعریف شده است! الان ایشون بره براش ایمپورتنت بذاره همرو قرمز میکنه. برای کلاس ها و ویژگی های خودش ایمپورتنت بده. هر چند که این کار حرفه ای نیست و توصیه نمیشه.


حدیثه مطلوب
حدیثه مطلوب
تخصص :فرانت اند
@hadisematloob5 سال پیشمطرح شد
1

سلام بله میتونید
به شرطی که فایل css خودتون رو بعد از فایل بوت استرپ فراخونی کنید


فاطمه کاظمی زاده
فاطمه کاظمی زاده
تخصص :Senior front-end در هولدینگ دکتر کرمانی - مدرس مجتمع فنی
@kazemi5 سال پیشمطرح شد
1

سلام. ببینید اگه پروژه ی شما بعدها قرارهست که بروزرسانی و توسعه داده بشه، اصلا به فایل های اصلی دست نزنین
بهترین کار این است که در بالای صفحه ی html و در جایی که استایلهای خودتون رو در تگ head صدا میزنین، استایلهای خودتون رو در خط اول قرار بدید
برای مثال نمونه ی زیر :

<head>
   ...
    <link rel="stylesheet" href="https://roocket.ir/css/foundation.min.css" />
    <link rel="stylesheet" href="https://roocket.ir/css/app.css" />
</head>

تبدیل بشه به زیر:

<head>
   ...
    <link rel="stylesheet" href="https://roocket.ir/css/app.css" />
    <link rel="stylesheet" href="https://roocket.ir/css/foundation.min.css" />
</head>

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام