কম্পিউটার

বুটস্ট্র্যাপ দিয়ে একটি উপাদানের ফ্লোট সাফ করুন


একটি উপাদানের ফ্লোট পরিষ্কার করতে, .clearfix বুটস্ট্র্যাপ ক্লাস ব্যবহার করুন।

উদাহরণ

আপনি একটি উপাদানের ফ্লোট পরিষ্কার করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
      <script src = "/scripts/jquery.min.js"></script>
      <script src = "/bootstrap/js/bootstrap.min.js"></script>
   </head>
   <body>
      <div class = "clearfix" style = "background: orange;border: 1px solid #000; padding: 10px;">
         <div class = "pull-left" style = "background: blue; color: white;">
            left
         </div>
         <div class = "pull-right" style = "background: blue; color:white;">
            right
         </div>
      </div>
   </body>
</html>

  1. CSS দিয়ে একটি উপাদানের শীর্ষ মার্জিন সেট করুন

  2. বুটস্ট্র্যাপের সাথে উপাদানগুলি সারিবদ্ধ করুন

  3. বুটস্ট্র্যাপ সহ স্প্লিট বোতাম ড্রপডাউন

  4. জাভাস্ক্রিপ্টের সাথে বর্তমান উপাদানটিতে কীভাবে একটি সক্রিয় ক্লাস যুক্ত করবেন?