Category Archive: বুটস্ট্র্যাপ ৩ টিউটোরিয়াল (Bootstrap 3 Tutorial)

Feb 14 2015

Bootstrap Case: নেভিগেশান বার যোগ করা (Adding a Navigation Bar)

This entry is part 28 of 28 in the series বুটস্ট্র্যাপ ৩ টিউটোরিয়াল (Bootstrap 3 Tutorial) ০০১শেখ মাহফুজুর রহমান   নেভিগেশান বার একটি নেভিগেশান বার হলো একটি নেভিগেশান হেডার যা পেজের উপরের দিকে যোগ করা হয়। বুটস্ট্র্যাপের মাধ্যমে একটি নেভিগেশান বারকে স্ক্রিনের সাইজ অনুযায়ী এক্সট্যান্ড অথবা কলাপ্স করা যায়। অর্থাৎ ডিভাইসের ধরণ অনুসারে সুবিধামতো নেভিগেশান …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/%e0%a6%ac%e0%a7%81%e0%a6%9f%e0%a6%b8%e0%a7%8d%e0%a6%9f%e0%a7%8d%e0%a6%b0%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%aa-%e0%a6%95%e0%a7%87%e0%a6%b8%e0%a6%83-%e0%a6%a8%e0%a7%87%e0%a6%ad%e0%a6%bf%e0%a6%97%e0%a7%87/

Feb 14 2015

Bootstrap Case: একটি মেনু যোগ করার পদ্ধতি (Adding a Menu)

This entry is part 27 of 28 in the series বুটস্ট্র্যাপ ৩ টিউটোরিয়াল (Bootstrap 3 Tutorial) ০০১মেনু অধিকাংশ ওয়েব পেইজ এর ই কিছু Menu রয়েছে। Html এ, একটি মেনু প্রায়ই একটি unordered তালিকা <ul> এর মধ্যে সংজ্ঞায়িত করা হয়। উদাহরনণঃ <ul> <li><a href=”#”>Home</a></li> <li><a href=”#”>Menu 1</a></li> <li><a href=”#”>Menu 2</a></li> <li><a href=”#”>Menu 3</a></li> </ul>   Bootstrap …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/bootstrap-case-adding-a-menu/

Feb 14 2015

Bootstrap Case: একাধিক কলাম এর বিন্যাস (Multicolumn Layout)

This entry is part 26 of 28 in the series বুটস্ট্র্যাপ ৩ টিউটোরিয়াল (Bootstrap 3 Tutorial) ০০১একাধিক কলাম এর বিন্যাস Bootstrap ব্যবহার করে সহজেই multicolumn layout তৈরি করা যায় । Bootstrap একটি প্রতিক্রিয়াশীল এবং mobile-first 12-column grid system দিয়ে থাকে। বিভিন্ন স্ক্রীন সাইজে কলাম গুলো নিজেদের মধ্যে পুনরায় সজ্জিত হয়। Grid এর লিছু নিয়মাবলিঃ একটি …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/bootstrap-case-multicolumn-layout/

Feb 14 2015

Bootstrap Case: বাটন ও আইকন যোগ করা (Adding Button and Icon)

This entry is part 25 of 28 in the series বুটস্ট্র্যাপ ৩ টিউটোরিয়াল (Bootstrap 3 Tutorial) ০০১বাটন যুক্ত করা বাটন ক্লাস গুলোতে <a>, <button>, or <input> এই উপাদান সমুহে ব্যবহৃত হতে পারে। নিম্নলিখিত উদাহরণে Jumbotron এর মধ্যে একটি বড় এবং হালকা নীল “Search” বাটন দেওয়া হল। এই effect টি পেতে হলে আমাদের .btn-lg এবং .btn-info …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/bootstrap-case-adding-button-and-icon/

Feb 14 2015

Bootstrap Case: আমার প্রথম বুটস্ট্র্যাপ ওয়েবসাইট (My First Bootstrap Website)

This entry is part 24 of 28 in the series বুটস্ট্র্যাপ ৩ টিউটোরিয়াল (Bootstrap 3 Tutorial) ০০১অনুবাদ করেছেন Abu Jubair Mahin   স্ক্র্যাচ থেকে একটি বুটস্ট্র্যাপ ওয়েব পৃষ্ঠা তৈরি করুন নিচের পৃষ্ঠায় Scratch (স্ক্র্যাচ) থেকে একটি বুটস্ট্র্যাপ ওয়েবসাইট কিভাবে নির্মাণ করা হয় সেটা প্রদর্শন করা হবে আমরা একটি সহজ HTML পৃষ্ঠা দিয়ে শুরু করব, এবং …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/bootstrap-case-my-first-bootstrap-website/

Feb 14 2015

বু্টস্ট্র্যাপ গ্রিড উদাহরণ (Bootstrap Grid Examples)

This entry is part 23 of 28 in the series বুটস্ট্র্যাপ ৩ টিউটোরিয়াল (Bootstrap 3 Tutorial) ০০১নিচে Bootstrap grid layouts এর কিছু উদাহহরন লক্ষ্য করা যাকঃ Three Equal Columns (তিনটি সমান কলামের জন্য) নিম্নলিখিত উদাহরণের মাধ্যমে দেখা যাবে কিভাবে একটি তিন সমান প্রস্থ কলাম ট্যাবলেট এ শুরু হয় এবং সেটা বড় ডেস্কটপের স্কেলিং পায়, মোবাইলে …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/%e0%a6%ac%e0%a7%81%e0%a7%8d%e0%a6%9f%e0%a6%b8%e0%a7%8d%e0%a6%9f%e0%a7%8d%e0%a6%b0%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%aa-%e0%a6%97%e0%a7%8d%e0%a6%b0%e0%a6%bf%e0%a6%a1-%e0%a6%89%e0%a6%a6%e0%a6%be%e0%a6%b9/

Feb 14 2015

বুটস্ট্র্যাপ গ্রিড – বড় ডিভাইস । Bootstrap Grid – Large Devices

This entry is part 22 of 28 in the series বুটস্ট্র্যাপ ৩ টিউটোরিয়াল (Bootstrap 3 Tutorial) ০০১পূর্বের অধ্যায়ে আমরা ছোট (small) এবং মাঝারি (medium) device এর জন্য class সহ grid এর উদাহরণ আলোচনা করেছি। সেখানে দুইটি div রেখে হয়, যাদের ছোট device এর জন্য ২৫% /৭৫% এবং মাঝারি device এর জন্য ৫০% /৫০% ভাগে ভাগ …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/bootstrap-grid-large-devices/

Feb 14 2015

বুটস্ট্র্যাপ গ্রিড – মধ্যম ডিভাইস । Bootstrap Grid – Medium Devices

This entry is part 21 of 28 in the series বুটস্ট্র্যাপ ৩ টিউটোরিয়াল (Bootstrap 3 Tutorial) ০০১পূর্ববর্তী অধ্যায়ে আমরা ছোট ডিভাইসের জন্য Class সহ একটি Grid এর উদাহরন দেখিয়েছিলাম। আমরা সেখানে দুইটি divs (কলাম ) ব্যবহার করেছিলাম এবুং আমরা সেখানে 25%/75% এর বিভক্তি দেখিয়েছি। <div class=”col-sm-3″>….</div> <div class=”col-sm-9″>….</div>   কিন্তু মাঝারি ডিভাইসের জন্য সব থেকে …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/bootstrap-grid-medium-devices/

Feb 14 2015

বুটস্ট্র্যাপ গ্রিড – স্ট্যাকড-টু-হরাইজন্টাল (Bootstrap Grid – Stacked-to-horizontal)

This entry is part 20 of 28 in the series বুটস্ট্র্যাপ ৩ টিউটোরিয়াল (Bootstrap 3 Tutorial) ০০১শেখ মাহফুজুর রহমান   বুটস্ট্র্যাপ গ্রিডের উদাহরণঃ স্ট্যাকড থেকে হরাইজন্টাল আমরা একটি সাধারণ গ্রিড সিস্টেম তৈরি করবো যা মোবাইল/টেবলেট-এ স্ট্যাকড বা স্তুপাকারে (একটির উপর আরেকটি) দেখাবে, কিন্তু মাঝারী/বড় ডিভাইস যেমন ডেস্কটপে হরাইজন্টাল হয়ে যাবে। নিচের উদাহরণটি একটি খুবই সাধারণ …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/%e0%a6%ac%e0%a7%81%e0%a6%9f%e0%a6%b8%e0%a7%8d%e0%a6%9f%e0%a7%8d%e0%a6%b0%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%aa-%e0%a6%97%e0%a7%8d%e0%a6%b0%e0%a6%bf%e0%a6%a1-%e0%a6%b8%e0%a7%8d%e0%a6%9f/

Feb 14 2015

বুটস্ট্র্যাপ গ্রিড সিস্টেম (Bootstrap Grid System)

This entry is part 19 of 28 in the series বুটস্ট্র্যাপ ৩ টিউটোরিয়াল (Bootstrap 3 Tutorial) ০০১শেখ মাহফুজুর রহমান   বুটস্ট্র্যাপের গ্রিড সিস্টেম একটি পেজে ১২টি পর্যন্ত কলাম যোগ করতে দেয়। আপনি যদি আলাদাভাবে সবগুলো (১২টি) কলাম ব্যবহার করতে না চান তাহলে কিছু কলামকে গ্রুপ বা গুচ্ছাকৃত করে প্রশস্তততর কলাম তৈরি করতে পারবেনঃ span 1 …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/%e0%a6%ac%e0%a7%81%e0%a6%9f%e0%a6%b8%e0%a7%8d%e0%a6%9f%e0%a7%8d%e0%a6%b0%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%aa-%e0%a6%97%e0%a7%8d%e0%a6%b0%e0%a6%bf%e0%a6%a1-%e0%a6%b8%e0%a6%bf%e0%a6%b8%e0%a7%8d%e0%a6%9f/

Older posts «

Skip to toolbar