নাম-শরিফুল ইসলাম Job category-Php Coder basic list group তৈরি করার জন্য আমাদের <ul> এর মধ্যে .list-group ব্যবহার করতে হবে। এবং <li> এর মধ্যে .list-group-item ব্যবহার করতে হবে। <ul class=”list-group”> <li class=”list-group-item”>First item</li> <li class=”list-group-item”>Second item</li> <li class=”list-group-item”>Third item</li> </ul> ফলাফল : আমরা list-group এর সাথে badges যুক্ত করতে পারি। এইগুলো …
Tag: বুটস্ট্র্যাপ
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 Glyphicons and Badges/Level)
লিখেছেন সুদীপ্ত সাহা গ্লাইফাইকনস গ্লাইফাইকনের সেটে বুটস্ট্র্যাপের ২০০ আইকন রয়েছে। টেক্সট, বাটন, টুলবার, নেভিগেশন, ফর্ম এরকম বিভিন্ন জায়গায় গ্লাইফাইকন ব্যবহার করা হয়। কিছু গ্লাইফাইকনের উদাহরণ হলঃ গ্লাইফাইকনের সিনট্যাক্স গ্লাইফাইকন সেট করার জন্য নিচের সিনট্যাক্স ব্যবহার করতে হয়ঃ <span class=”glyphicon glyphicon-name”></span> সিনট্যাক্সের নেম এর অংশে অবশ্যই একটি সঠিক গ্লাইফাইকনের নাম দিতে হবে। গ্লাইফাইকনের …
Feb 12
বুটস্ট্র্যাপ বাটন (Bootstrap Buttons)
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 …
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 …
