Button স্টাইল Bootstrap এ সাতটি স্টাইলের button ব্যবহৃত হয়, যথা: এই সাতটি স্টাইলের প্রত্যেকটির জন্য ভিন্ন ভিন্ন class ব্যবহৃত হয়, যথা: Default – .btn-default Primary – .btn-primary Success – .btn-success Info – .btn-info Warning – .btn-warning Danger – .btn-danger Link – .btn-link নিম্নোক্ত উদাহরণে ভিন্ন ভিন্ন button এর স্টা্ইলের দেখানো হলো: <button type=”button” class=”btn …
Tag: Bootstrap
Feb 12
বুটস্ট্র্যাপ জাম্বট্রন এবং পেজ হেডার (Bootstrap Jumbotron and Page Header)
বুটস্ট্র্যাপ জাম্বট্রন এবং পেজ হেডার জাম্বট্রন তৈরির পদ্ধতি কোন স্পেশাল কন্টেন্ট বা তথ্যের প্রতি ইউজারের মনোযোগ আকর্ষণের জন্য ওয়েবপেজে বড় স্পেস বা বক্সকে নির্দেশ করাই হচ্ছে জাম্বট্রন। জাম্বট্রনের ব্যাকগ্রাউন্ড কালার সাধারনত গ্রে হয়ে থাকে এবং এর কর্নারগুলো একটু রাউন্ড আকৃতির হয়। জাম্বট্রনের ভেতরে যেই টেক্সটগুলো থাকে সেগুলো সেগুলোর ফন্টসাইজও স্বয়ংক্রিয়ভাবে বড় হয়ে থাকে। টিপসঃ জাম্বট্রনের …
Feb 12
বুটস্ট্র্যাপ টেবিল (Bootstrap Tables)
Bootstrap বেসিক টেবিল সাধারণত Bootstrap বেসিক টেবিলে light padding বা সামান্য প্যাডিং ও horizontal বা আনুভূমিক divider থাকে। এক্ষেত্রে divider বলতে Row এর bottom-border কে বোঝানো হয়েছে। .table class ব্যবহার করে টেবিলের basic styling করা হয়। যেমন: কোড : <div class=”container”> <h2>Basic Table</h2> <p>The .table class adds basic styling (light padding and only …
Feb 12
বুটস্ট্র্যাপ ট্যাক্সট / টাইপোগ্রাফি (Bootstrap Text/Typography)
Bootstrap এর প্রাথমিক (default ) ফন্ট সাইজ হল ১৪ পিক্সেল, যার প্রতি লাইনের উচ্চতা (height) ১.৪২৮ । এটা <body> এবং সমস্ত প্যরাগ্রাফে ব্যবহার করা হয় । উপরন্তু, সকল <p> elements এর একটি bottom margin থাকে যেটা তাদের নির্ণিত line-height এর সমান অথবা অর্ধেক (ডিফল্ট হিসেবে 10px) বুটস্ট্র্যাপ বনাম ব্রাউজার ডিফল্ট এই অনুশীলনীতে আমারা দেখব বুটস্ট্র্যাপ …
Feb 12
বুটস্ট্র্যাপ গ্রিডস (Bootstrap Grids)
শেখ মাহফুজুর রহমান বুটস্ট্র্যাপ গ্রিড সিস্টেম বুটস্ট্র্যাপ গ্রিড সিস্টেম পুরো পেজে ১২টি কলাম যোগ করতে দেয়। যদি আপনি ১২টি কলাম আলাদা আলাদাভাবে ব্যবহার করতে না চান, তাহলে কয়েকটি কলামকে একসাথে একত্র করে প্রশস্ত কলাম তৈরি করতে পারেনঃ span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span …
Feb 12
বুটস্ট্র্যাপ শেখা শুরু করা যাক (Bootstrap Get Started)
Bootstrap কি ???? Bootstrap হল ফ্রি front-end framework, সহজ এবং দ্রুত গতির web development এর জন্য Bootstrap হল HTML এবং CSS নির্ভর মুদ্রণবিদ্যা, ফর্ম, বাটন, টেবিল, নেভিগেটর, মডালস, ইমেজ carousels এবং আরও অনেক কিছু, জাভা স্ক্রিপ্ট প্লাগিন সহ ডিজাইন templates তরির মাধ্যম Bootstrap এর সাহায্যে তুমি যে কোন Responsive ডিজাইন ও করতে পারবে Responsive …
Feb 12
বুটস্ট্র্যাপ ৩ টিউটোরিয়াল (Bootstrap 3 Tutorial)
প্রতাপ চন্দ্র বুটস্ট্র্যাপ হচ্ছে রেসপনসিভ ও মোবাইল-বান্ধব ওয়েবসাইট তৈরীর জন্য এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টের সবচেয় জনপ্রিয় ফ্রেমওয়ার্ক। এটি সম্পূর্ণ বিনামূল্যে ডাউনলোড করে ব্যবহার করা যায়। বুটস্ট্র্যাপ ব্যবহার করে খুব সহজে দৃষ্টিনন্দন ও রেসপনসিভ ওয়েবসাইট তৈরী করা যায়। বুটস্ট্র্যাপ শেখার জন্য আমরা ধারাবাহিক টিউটরিয়াল প্রকাশ করব যার মাধ্যমে ধাপে ধাপে আপনারা এই প্রযুক্তির মাধ্যমে ওয়েব …
