Bootstrap বাটনে আকার যোগ করুন: btn-lg, btn-sm, btn-xs, btn-block

Bootstrap-এ বাটনের আকার নিয়ন্ত্রণ করার জন্য বিভিন্ন ক্লাস উপলব্ধ। নিচের টেবিলে প্রতিটি ক্লাসের ব্যবহার বর্ণনা করা হলো:

ক্লাস	বর্ণনা
`.btn-lg`	বড় আকারের বাটন তৈরি করে।
`.btn-sm`	ছোট আকারের বাটন তৈরি করে।
`.btn-xs`	অতিরিক্ত ছোট আকারের বাটন তৈরি করে।
`.btn-block`	পূরো প্রস্থে ফেলে ব্লক লেভেল বাটন তৈরি করে।

উদাহরণ: ছোট বাটন তৈরি

নিচের কোড চালিয়ে একটি ছোট বাটন তৈরি করুন:

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap Example</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
  </head>
  <body>
    <button type="button" class="btn btn-default btn-sm">
      ছোট বাটন
    </button>
  </body>
</html>

টিপস: আপনি একসাথে একাধিক ক্লাস ব্যবহার করতে পারেন, যেমন btn btn-primary btn-lg btn-block।