बूटस्ट्रैप ड्रॉपडाउन

Question

की दिशा बदलना मैं Twitter Bootstrap dropdown की दिशा कैसे बदल सकता हूं?

Answer 1

उपयोग pull-right या pull-left कक्षाएं:

मैं इस तरह एक ड्रॉपडाउन है:

लेकिन मैं इसे इस तरह दिखना चाहते हैं।

Answer 2

ड्रॉपडाउन पर दिशा को संभालने के लिए ट्विटर बूटस्ट्रैप में कोई विकल्प नहीं लगता है। सभी तीर की स्थिति पर कुछ प्रभाव पड़ता है कि इस वर्ग के .navbar .nav > li > .dropdown-menu:before नीचे

Answer 3

transform: rotateY या -webkit-transform:rotateY ड्रॉप की दिशा में परिवर्तन देखने के चाल करना होगा, चलो यह लटकती मेनू के लिए आवेदन करने देने के लिए इसके साथ नगण्य प्रयास करें है;

navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { 
    -webkit-transform: rotateY(180deg); 
} 

या आप अपने सटीक rquirement के कारण .dropdown-menu या .open > .dropdown-menu वर्गों में इस सम्मिलित कर सकते हैं। अब ऐसा लगता है कि:

के रूप में देखा जा सकता है सभी लिंक वापस भेजी जाएंगी की जरूरत है ताकि यह एक ही CSS नियम के साथ क्या करना सरल है:

:

.dropdown-menu > li > a { 
    -webkit-transform: rotateY(180deg); 
} 

अब यह की तरह लग रही है

left:10px; द्वारा ड्रॉपडाउन-मेनू की स्थिति को बदलकर थोड़ा साफ-सफाई की आवश्यकता है और यह सटीक y आप कैसे चाहता था:

Answer 4

से http://getbootstrap.com/components/#dropdowns-alignment:

पदावनत .pull-सही संरेखण
v3.1.0 के रूप में, हम पदावनत किया है .pull-सही ड्रॉपडाउन मेनू पर। मेनू को राइट-एलाइन करने के लिए, .dropdown-menu-right का उपयोग करें। नेविबार में दाएं संरेखित एनवी घटक मेनू के स्वचालित रूप से संरेखित करने के लिए इस कक्षा के मिश्रण संस्करण का उपयोग करते हैं। इसे ओवरराइड करने के लिए, .dropdown-menu-left का उपयोग करें।

आपके मामले में, div dropdown-menu वर्ग चाल करना चाहिए है कि करने के लिए dropdown-menu-right वर्ग को जोड़ने।

Answer 5

यहाँ यह (का उपयोग कर लटकती-मेनू-सही) है:

<ul class="dropdown-menu dropdown-menu-right"> 
    <li><a href"#">Action</a></li> 
    <li><a href="#">Another action</a></li> 
<ul>