bootstrap.css
আমার ওয়েবসাইটটি ফিট করার জন্য আমাকে পরিবর্তন করতে হবে। আমি মনে করি সরাসরি custom.css
সংশোধন না করে একটি পৃথক ফাইল তৈরি করা ভাল , এটির bootstrap.css
কারণটি bootstrap.css
একটি আপডেট হওয়া উচিত , আমি আমার সমস্ত পরিবর্তনগুলি পুনরায় অন্তর্ভুক্ত করার চেষ্টা সহ্য করব। আমি এই শৈলীর জন্য কিছু লোড সময় ত্যাগ করব, তবে আমি যে কয়েকটি স্টাইলকে ওভার্রাইড করছি তার জন্য এটি नगणিক।
bootstrap.css
আমি কীভাবে ওভাররাইড করব যাতে আমি নোঙ্গর / শ্রেণীর স্টাইলটি সরিয়ে ফেলি ? উদাহরণস্বরূপ, যদি আমি এর জন্য সমস্ত স্টাইলিং বিধিগুলি সরাতে চাই legend
:
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
আমি কেবল এগুলি সব মুছতে পারি bootstrap.css
, তবে সিএসএস ওভাররাইডিং সম্পর্কে সেরা অনুশীলনগুলি সম্পর্কে আমার বোঝা যদি সঠিক হয় তবে এর পরিবর্তে আমার কী করা উচিত?
পরিষ্কার হওয়ার জন্য, আমি কিংবদন্তীর সমস্ত স্টাইল মুছে ফেলতে এবং পিতামাতার সিএসএস মান ব্যবহার করতে চাই। তাই প্রণবের উত্তরটির সংমিশ্রণ, আমি কি নিম্নলিখিতটি করবো?
legend {
display: inherit !important;
width: inherit !important;
padding: inherit !important;
margin-bottom: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
color: inherit !important;
border: inherit !important;
border-bottom: inherit !important;
}
(আমি আশা করছিলাম যে নীচের মতো কিছু করার উপায় আছে :)
legend {
clear: all;
}
#bootstrap-overrides
একটি ক্লাস তৈরি করা হয় না ?