বুটস্ট্রাপ কারুসেল প্লাগিন Carousel প্লাগইন হচ্ছে এলিমেন্ট দ্বারা আবর্ত করার জন্য একটি ক্যারোজেল (স্লাইডশো) এর মত একটি উপাদান। টিপস : প্লাগইন স্বতন্ত্রভাবে অন্তর্ভুক্ত করা যেতে পারে (বুটস্ট্র্যাপ এর স্বতন্ত্র “carousel.js” ফাইল ব্যবহার করে), অথবা সব একযোগে (“bootstrap.js” বা “bootstrap.min.js” ব্যবহার করে) এর উদাহরণ নোট : ক্যারোজেল ইন্টারটেন এক্সপ্লোরার ৯ এবং এর আগের ভার্সনগুলোতে সাপর্ট করে না …
Category: বুটস্ট্র্যাপ ৩ টিউটোরিয়াল (Bootstrap 3 Tutorial)
Feb 13
বুটস্ট্র্যাপ ইনপুট সাইজিং (Bootstrap Input Sizing)
.input-lg এবং .input-sm Class ব্যবহার করে প্রয়োগকৃত উপাদানসমুহের heights নির্ধারন করা হয়। .col-lg-* এবং .col-sm-* grid column classe ব্যবহার করে প্রয়োগকৃত উপাদানসমুহের widths নির্ধারন করা হয়। উচ্চতা মাপবদল / Height Sizing নিচের উদাহরনের সাহায্যে input Element এর বিভিন্ন heights দেখানো যায়ঃ উদাহরনঃ <form role=”form”> <div class=”form-group”> <label for=”inputdefault”>Default input</label> <input class=”form-control” …
Feb 13
বুটস্ট্র্যাপ ইনপুট ফরম (আরো জানুন) Bootstrap Form Inputs (more)
স্ট্যাটিক কন্ট্রোল আপনি যদি একটি অনুভূমিক ফর্ম এর মধ্যে একটি ফর্ম লেবেল এর পরে প্লেইন টেক্সট সন্নিবেশ করতে চান তাহলে <p> এলিমেন্ট এর ভিতরে .form-control-static ক্লাস ব্যবহার করুন। উদাহরনঃ <form class=”form-horizontal” role=”form”> <div class=”form-group”> <label class=”control-label col-sm-2″ for=”email”>Email:</label> <div class=”col-sm-10″> <p class=”form-control-static”>someone@example.com</p> </div> </div> </form> ফলাফল : স্ট্যাটিক কন্ট্রোল …
Feb 13
বুটস্ট্র্যাপ ফরম ইনপুট (Bootstrap Form Inputs)
মো: আসাদুজ্জামান মিলন আইটি ইন্সট্রাক্টর, এমএসআইটি, কুড়িগ্রাম। সমর্থিত ফরম কন্ট্রোল বুটস্ট্র্যাপ নিম্নলিখিত ফর্ম কন্ট্রোলগুলো সমর্থন করে input textarea checkbox radio select বুটস্ট্র্যাপ ইনপুট বুটস্ট্র্যাপ এইচটিএমএল ৫ এর সকল ইনপুট টাইপ, যেমন : text, password, time, color. datetime, datetime-local, date, month, week, number, email, url ইত্যাদি সর্মথন করে। নিচের উধাহরনে দুই প্রকারের এইচটিএমএল ৫ …
Feb 13
বুটস্ট্র্যাপ ফর্মস (Bootstrap Forms)
বুটস্ট্র্যাপ এর ডিফল্ট সেটিংস বুটস্ট্র্যাপ ফর্মস কন্ট্রোলগুলো স্বয়ংক্রিয়ভাবে কিছু global styling নেয়: সকল Textual .form-control Class এর <input>, <textarea>, এবং <select> এলিমেন্টগুলোর বিস্তার ১০০% বুটস্ট্র্যাপ ফরম লেআউট Bootstrap তিন ধরনের ফর্ম layouts প্রদর্শন করেঃ Vertical form বা উল্লম্ব ফর্ম (এটি ডিফল্ট হিসেবে থাকে) Horizontal form বা আড়াআড়ি ফর্ম Inline form এই সকল ফর্ম layouts এর …
Feb 13
বুটস্ট্র্যাপ পেজার (Bootstrap Pager)
Pager কি ??? Pager দিয়ে সাধারণত কত নাম্বার পেইজ সেটা বোঝানো হয় ( এই সন্মন্ধে পূর্ববর্তী অধ্যায়ে আলোচনা করা হয়েছে ) Pager এর কাজ previous (পূর্ববর্তী ) এবং next (পরবর্তী) পেইজের buttons প্রদর্শিত করা previous/next buttons তৈরি করার জন্য .pager Class, <ul> element এর মাঝে স্থাপন করতে হয় উদাহরনঃ <ul class=”pager”> <li><a href=”#”>Previous</a></li> …
Feb 13
Bootstrap Pagination
অনুবাদ করেছে Abu Jubair Mahin Bootstrap Pagination Pagination বলতে পত্রাঙ্কন বুঝায় , সহজ ভাবে বলতে গেলে এক পেইজ থেকে অন্য পেইজে সহজ ভাবে যাওয়াকে বুঝায় । আপনার যদি একটা web site থাকে যাতে পেইজের সংখ্যা অনেক তাহলে আপনি প্রত্যেক পেইজে ছোট করে pagination ব্যবহার করতে পারেন । সাধারণত Bootstrap এ নিচের মত pagination দেখা যায়। …
Feb 13
বুটস্ট্র্যাপ গ্লাইফাইকন এবং ব্যাজ বা লেবেল (Bootstrap Glyphicons and Badges/Level)
লিখেছেন সুদীপ্ত সাহা গ্লাইফাইকনস গ্লাইফাইকনের সেটে বুটস্ট্র্যাপের ২০০ আইকন রয়েছে। টেক্সট, বাটন, টুলবার, নেভিগেশন, ফর্ম এরকম বিভিন্ন জায়গায় গ্লাইফাইকন ব্যবহার করা হয়। কিছু গ্লাইফাইকনের উদাহরণ হলঃ গ্লাইফাইকনের সিনট্যাক্স গ্লাইফাইকন সেট করার জন্য নিচের সিনট্যাক্স ব্যবহার করতে হয়ঃ <span class=”glyphicon glyphicon-name”></span> সিনট্যাক্সের নেম এর অংশে অবশ্যই একটি সঠিক গ্লাইফাইকনের নাম দিতে হবে। গ্লাইফাইকনের …
