SNDP BAG 4 YOU
কম্পিউটার প্রোগ্রামিং শিখুন


Bootstrap Width & Height

Width class :

Bootstrap পাঁচ ধরনের ক্লাস ব্যবহার করা যায় । যেমন .w-25 , .w-50 , .w-75, .w-100 , w-auto

Height class :

Bootstrap পাঁচ ধরনের ক্লাস ব্যবহার করা যায় । যেমন .h-25 , .h-50 , .h-75, .h-100 , h-auto

.w-25 একটি ওয়েব পেজের মোট যতটা চাওড়া থাকবে তার 25% width হবে ।

bootstrap border shadow-sm class
25% Width


.w-50 একটি ওয়েব পেজের মোট যতটা চাওড়া থাকবে তার 50% width হবে ।

bootstrap border shadow-sm class
50% Width


.w-75 একটি ওয়েব পেজের মোট যতটা চাওড়া থাকবে তার 75% width হবে ।

bootstrap border shadow-sm class
75% Width


.w-100 একটি ওয়েব পেজের মোট যতটা চাওড়া থাকবে তার 100% width হবে ।

bootstrap border shadow-sm class
100% Width


.w-auto একটি ওয়েব পেজের মোট যতটা চাওড়া থাকবে ঠিক সেই রকম default width হবে ।

bootstrap border shadow-sm class
auto class Width


Height Class


.h-25 একটি ওয়েব পেজের মোট যতটা লম্বায় থাকবে তার 25% Height হবে ।

bootstrap border shadow-sm class
h-25%


.h-50 একটি ওয়েব পেজের মোট যতটা লম্বায় থাকবে তার 50% Height হবে ।

bootstrap border shadow-sm class
h-50%


.h-75 একটি ওয়েব পেজের মোট যতটা লম্বায় থাকবে তার 75% Height হবে ।

bootstrap border shadow-sm class
h-75%


.h-100 একটি ওয়েব পেজের মোট যতটা লম্বায় থাকবে তার 100% Height হবে ।

bootstrap border shadow-sm class
h-100%


.h-auto একটি ওয়েব পেজের মোট যতটা লম্বায় থাকবে তার যতটা কনটেন্ট থাকবে সেই অনুযায়ী Height হবে ।

bootstrap border shadow-sm class
height-auto