बूटस्ट्रैप.जेएस कैरोसेल केवल पाठ

Question

के साथ मैं कैरोसेल स्लाइड बनाने के लिए this ट्यूटोरियल का पालन करता हूं।

<div class="item"> 
    <img src="http://placehold.it/1200x480" alt="" /> 
    <div class="carousel-caption"> 
     <p>Caption text here</p> 
    </div> 
</div> 

यह काम ठीक (here its jsFiddle) -

मैं प्रत्येक आइटम जब परिभाषित छवि और के रूप में पैरा होते हैं।

लेकिन जब मैं केवल के रूप में पैरा तक कम करें -

<div class="item"> 
    <div class="carousel-caption"> 
     <p>Caption text here</p> 
    </div> 
</div> 

यह काम करना बंद (here its jsFiddle)।

मैं इसे केवल पैराग्राफ के साथ कैसे काम कर सकता हूं जैसे प्रत्येक स्विच टेक्स्ट को स्लाइड करता है?

Answer 1

.carousel-caption समस्या पैदा कर रहा था की position संपत्ति, छवि के बिना बिगड़ जाता है, तो यह static करने के लिए सेट:

.carousel-caption{ 
    position:static; 
} 

यहाँ यह डेमो दोनों के साथ और बिना काम है छवि:

DEMO

Answer 2

See after removing image and leaving only paragraph

मैं उपस्थिति का संकेत बस कॉपी और बेला सीएसएस अनुभाग में इस कोड पेस्ट और परिवर्तन

देखने के लिए चलाने के लिए div करने के लिए आइटम कंटेनर वर्ग चौड़ाई और छवि की ऊंचाई एक पृष्ठभूमि रंग के साथ दे दी है

.item{ 
    height:480px; 
    width:1200px; 
    background-color:orange; 
} 

Answer 3

सबसे आसान तरीका पृष्ठभूमि छवियों को बनाने के लिए सबसे आसान तरीका होगा। यदि आप इसे करने के लिए एक क्लीनर तरीका चाहते हैं, तो आप शायद सीएसएस का उपयोग कर एक ही प्रभाव प्राप्त कर सकते हैं।

Answer 4

मैं एक ही समस्या थी। यह उत्तर इस समस्या के लिए सबसे सरल और अनुकूल समाधान है: https://stackoverflow.com/a/25535930/4792775