बूटस्ट्रैप टूलटिप

Question

बूटस्ट्रैप टूलटिप में पाठ को संरेखित करना डिफ़ॉल्ट रूप से मध्य में पाठ को संरेखित करता है। मैं बाईं ओर संरेखित करना चाहता हूं। सीएसएस फ़ाइल को संशोधित करने के बजाय एचटीएमएल के भीतर ऐसा करने का कोई अच्छा तरीका है?

यहाँ मेरी नमूना कोड है:

<p rel="tooltip" title="Text in tooltip I want to align">Hover over here</p> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("p").tooltip(); 
    }); 
</script> 

मैं पहले से ही करने की कोशिश की है, लेकिन यह काम नहीं किया:

<p rel="tooltip" data-html="true" title="<p align='left'>Text in tooltip</p>">Hover over here</p> 

Answer 1

आप इस एक कोशिश की है?

<style> 
.tooltip > p { 
    text-align:left; 
} 
</style> 

मुझे यह भी नहीं लगता कि टूलटिप शीर्षक में HTML कोड सहित। क्या करना चाहिए है:

$("p").tooltip({ 
    html: true, 
    title: '<p>Text in tooltip</p>' 
}); 

इसके अलावा पी द्वारा पैरा की चर्चा करते हुए एक बुरा विचार है, के रूप में आप अपने दस्तावेज़ में उनमें से कई हो सकता था। बूटस्ट्रैप संस्करण 2.2.2 निम्नलिखित काम करता है अच्छी तरह से में मेरे लिए

<p id="myparagraph"> Hover over here </p> 
$("#myparagraph") 

Answer 2

: बजाय एक आईडी से देखें

.tooltip-inner { 
    text-align: left; 
} 

अपडेट: यह भी बूटस्ट्रैप 3.3.6 में काम करता है।

Answer 3

बदलें अपनी bootstrap.css (या bootstrap.min.css) में निम्नलिखित, v3

.tooltip-inner{ 
... 
text-align:center; //change to left 
... 
} 

Answer 4

के लिए भी काम करता है जब तुम सिर्फ बूटस्ट्रैप टूलटिप का उपयोग कर टूलटिप में एचटीएमएल शामिल करना चाहते हैं (का उपयोग कर डेटा-एचटीएमएल)

यहाँ

कोड:

<span data-toggle="tooltip" data-html="true" title="<p style='text-align:left'>Hello again<br/> this is tooltop</p>">