2013-03-26 22 views
23

क्या 2 <a> इनलाइन प्रदर्शित करने वाले तत्वों को रखने के लिए वैसे भी है?ट्विटर-बूटस्ट्रैप - सरल तत्व इनलाइन

मैं tryed:

<div class="form-inline"> 
<a>jjj</a> 
<a>sss</a> 
</div> 

और भी

<div class="row-fluid"> 
    <a class="inline">jjj</a> 
    <a class="inline">sss</a> 
    </div> 

लेकिन यह काम नहीं करता।

उत्तर

31

डिफ़ॉल्ट रूप से एंकर टैग inline प्रदर्शित किया जाना चाहिए। block तत्वों या समान कुछ के रूप में प्रदर्शित करने के लिए आपके पास कुछ अतिरिक्त स्टाइल सेटिंग होनी चाहिए।

अपने कोड का उपयोग कर, यहां एक काम कर रहा है JSFiddle

पता लगाने के लिए अपने पृष्ठ का निरीक्षण जहां लंगर का display स्थापित किया जा रहा है और है कि या तो संशोधित करने या उसके बाद display:inlineके तत्व निर्धारित किया है। आप पहले से ही class="inline" जोड़ दिया है के रूप में आप बस सिर्फ जोड़ सकते हैं:

a { display:block; /* Pre-existing code */ } 
a.inline { 
    display:inline; 
} 
इसके अलावा एक टिप्पणी मुझे नहीं लगता कि row-fluid, बूटस्ट्रैप के अन्य scaffolding तत्वों के बिना काम करने के लिए डिज़ाइन किया गया है अगर आप एक पूर्ण-चौड़ाई पंक्ति चाहते हैं आप चाहिए के रूप में

का उपयोग करें:

<div class="row-fluid"> 
    <div class="span12"> 
     <a class="inline">jjj</a> 
     <a class="inline">sss</a> 
    </div> 
</div> 
+1

हाँ आप कर रहे हैं ठीक है, यह था मेरे अपने स्टाइलशीट पर एक सीएसएस समस्या, आपको बहुत बहुत धन्यवाद मैं अपने जवाब – sbaaaang

+2

, क्या चहचहाना बूटस्ट्रैप के बारे में स्वीकार लेकिन करेंगे? – kaleemsagard

+0

इस संदर्भ में, बूटस्ट्रैप और ट्विटर बूटस्ट्रैप एक ही बात है। – FlyingNimbus

संबंधित मुद्दे