বুটস্ট্র্যাপ ড্রপডাউন বুদ্বুদ ডান সারিবদ্ধ (ধাক্কা-ডান নয়)

Question 1

আমার শীর্ষ মেনুতে কার্ট রয়েছে, ব্যবহার করে push-rightএবং আমার সমস্যাটি হ'ল ড্রপডাউন বুদ্বুদ পৃষ্ঠাটির বাইরে চলে যায়। আমি বুদ্বুদ ডানদিকে প্রান্তিককরণের চেষ্টা করছি, যাতে এটি 'ক্লিক' এর সাথে ডান-প্রান্তিক হয়

এটার মত

এখানে চিত্র বর্ণনা লিখুন

এইচটিএমএল:

<div class="cart pull-right">
  <ul class="nav">
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a>
       <div class="dropdown-menu">
       STUFF
       </div>
    </li>
  </ul>
</div>

Question 2

বুটস্ট্র্যাপ 3.1+

ক্লাস যুক্ত করা হচ্ছে .ড্রপডাউন-মেনু-ডানদিকে একই ডিভের ক্লাস ড্রপডাউন-মেনু রয়েছে:

<div class="dropdown-menu dropdown-menu-right">
    STUFF
</div>

http://getbootstrap.com/compferences/#DPdowns-alignment

বুটস্ট্র্যাপ 2.3 এবং 3.0

ক্লাসটি যোগ করুন। ক্লাস ড্রপডাউন-মেনু সহ একই ডিভের ডানদিকে টানুন

<div class="dropdown-menu pull-right">
    STUFF
</div>

বুটস্ট্র্যাপ 3.0 ব্যবহার করে এটি আমার পক্ষে কাজ করে বলে মনে হচ্ছে

Question 3

এটি সিএসএস বৈশিষ্ট্য ব্যবহার করে এবং ডান সারিবদ্ধ করার জন্য বিশেষত এই সমস্যার জন্য এটি বুটস্ট্র্যাপ শ্রেণীর dropdown-menu-right সাথে সমাধান করা যেতে পারে ।dropdown-menuright: 0;left: auto;

এই সমাধানটি আমার পক্ষে কাজ করছে।

উত্স - http://getbootstrap.com/compferences/#btn-roddowns-DPup (এর জন্য বিকাশকারী সরঞ্জামগুলিতে যান)

Question 4

<div class="dropdown-menu dropdown-menu-right">

এটি এখনও 4.2.1 বুস্ট্র্যাপে কাজ করছে :)

Question 5

মধ্যে bootstrap v 3.1.0এই প্রশ্নের উত্তর ভিন্ন।

jsfiddle

<div class="dropdown-menu pull-menu-right">
       STUFF
</div>

Question 6

ঠিক আছে বুঝেছি!

position:relative;left:0 চালু <ul class="dropdown-menu">