On This Page

Horizontal)

Web Development - Bootstrap3 - বুটস্ট্রাপ৩ গ্রিড সিস্টেম (Bootstrap3 Grid System) | NCTB BOOK

বুটস্ট্রাপ গ্রীড উদাহরণ: Stacked-to-horizontal

বুটস্ট্রাপ গ্রীডঃ এখানে আমরা একটি বেসিক গ্রীড লে-আউট তৈরি করবো যেটি মোবাইল এবং ট্যাবলেটের ক্ষেত্রে কলামগুলো নিচে নিচে দেখাবে এবং ডেস্কটপের ক্ষেত্রে (মিডিয়াম/বড় ডিভাইস) এটি আনুভূমিক(horizontal) বা পাশাপাশি দেখাবে ভাবে দেখাবে।

নিচের উদাহরণে একটি সরল "stacked-to-horizontal" উদাহরণ দেখানো হলো। যেটি দুই কলাম বিশিষ্ট একটি সাধারণ লে-আউট। এই উদাহরণের দুটি কলাম একদম ছোট স্ক্রিন ব্যতিত অন্য সকল স্ক্রিনেই ৩৩.৩%/৬৬.৬% আনুভূমিক লে-আউটে প্রদর্শিত হবে। অর্থাৎ একদম ছোট স্ক্রিনে প্রত্যেকটি কলাম ১০০% জায়গা নিয়েই প্রদর্শিত হবেঃ