बुटस्ट्र्यापधोखाधडी

RTL चीटसिट

सामग्री

टाइपोग्राफी

कागजात

प्रदर्शन १

प्रदर्शन २

प्रदर्शन ३

प्रदर्शन ४

प्रदर्शन ५

प्रदर्शन 6

शीर्षक १

शीर्षक २

हेडिङ ३

हेडिङ ४

हेडिङ ५

हेडिङ ६

यो एक प्रमुख अनुच्छेद हो। यो नियमित अनुच्छेदबाट बाहिर खडा छ।

तपाईले मार्क ट्याग प्रयोग गर्न सक्नुहुन्छहाइलाइट गर्नुहोस्पाठ।

पाठको यो रेखा मेटाइएको पाठको रूपमा व्यवहार गर्नको लागि हो।

पाठको यो लाइन अब सही छैन भनी व्यवहार गर्न को लागी हो।

पाठको यो लाइन कागजातमा थपको रूपमा व्यवहार गर्नको लागि हो।

पाठको यो रेखा रेखाङ्कित रूपमा रेन्डर हुनेछ।

पाठको यो लाइनलाई राम्रो छापको रूपमा व्यवहार गर्नको लागि हो।

यो रेखा बोल्ड पाठको रूपमा रेन्डर गरिएको छ।

यो रेखा इटालिक पाठको रूपमा रेन्डर गरिएको छ।

एक प्रसिद्ध उद्धरण, एक blockquote तत्व मा समावेश।

स्रोत शीर्षकमा प्रसिद्ध कोही
  • यो सूची हो।
  • यो पूर्ण रूपमा अनस्टाइल देखिन्छ।
  • संरचनात्मक रूपमा, यो अझै एक सूची हो।
  • यद्यपि, यो शैली केवल तत्काल बाल तत्वहरूमा लागू हुन्छ।
  • नेस्ट गरिएको सूचीहरू:
    • यस शैलीबाट प्रभावित छैनन्
    • अझै गोली देखाउनेछ
    • र उपयुक्त बायाँ मार्जिन छ
  • यो अझै पनि केहि परिस्थितिहरूमा काममा आउन सक्छ।
  • यो सूची वस्तु हो।
  • र अर्को।
  • तर तिनीहरू इनलाइन प्रदर्शित छन्।

छविहरू

कागजात
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

तालिकाहरू

कागजात
# पहिले अन्तिम ह्यान्डल
१ मार्क ओटो @mdo
२ याकूब थोरन्टन @मोटो
३ ल्यारी द बर्ड @twitter
# पहिले अन्तिम ह्यान्डल
१ मार्क ओटो @mdo
२ याकूब थोरन्टन @मोटो
३ ल्यारी द बर्ड @twitter
कक्षा हेडिङ हेडिङ
पूर्वनिर्धारित सेल सेल
प्राथमिक सेल सेल
माध्यमिक सेल सेल
सफलता सेल सेल
खतरा सेल सेल
चेतावनी सेल सेल
जानकारी सेल सेल
उज्यालो सेल सेल
अँध्यारो सेल सेल
# पहिले अन्तिम ह्यान्डल
१ मार्क ओटो @mdo
२ याकूब थोरन्टन @मोटो
३ ल्यारी द बर्ड @twitter

तथ्याङ्कहरू

कागजात
Placeholder 400x300
माथिको छविको लागि क्याप्शन।

फारमहरू

अवलोकन

कागजात
हामी तपाईंको इमेल अरू कसैसँग साझेदारी गर्दैनौं।
रेडियो बटनहरू

असक्षम फारमहरू

कागजात
असक्षम रेडियो बटनहरू

साइजिङ

कागजात

इनपुट समूह

कागजात
@
@example.com
https://example.com/users/
$ .००
textarea संग

फ्लोटिंग लेबलहरू

कागजात

प्रमाणीकरण

कागजात
राम्रो देखिएको छ!
राम्रो देखिएको छ!
@
कृपया एक प्रयोगकर्ता नाम छान्नुहोस्।
कृपया मान्य शहर प्रदान गर्नुहोस्।
कृपया वैध राज्य चयन गर्नुहोस्।
कृपया मान्य जिप प्रदान गर्नुहोस्।
तपाईंले पेश गर्नु अघि सहमत हुनुपर्छ।

अवयवहरू

एकॉर्डियन

कागजात

यो पहिलो वस्तुको accordion शरीर हो। यो पूर्वनिर्धारित रूपमा लुकेको हुन्छ, जबसम्म पतन प्लगइनले उपयुक्त वर्गहरू थप्दैन जुन हामीले प्रत्येक तत्वलाई शैली बनाउन प्रयोग गर्छौं। यी वर्गहरूले समग्र उपस्थिति, साथै CSS संक्रमणहरू मार्फत देखाउने र लुकाउने नियन्त्रण गर्दछ। तपाईंले अनुकूलन CSS वा हाम्रा पूर्वनिर्धारित चरहरूलाई ओभरराइड गरेर यसमा कुनै पनि परिमार्जन गर्न सक्नुहुन्छ। यो पनि ध्यान दिन लायक छ कि कुनै पनि HTML भित्र जान सक्छ .accordion-body, यद्यपि संक्रमणले ओभरफ्लोलाई सीमित गर्दछ।

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

यो तेस्रो वस्तुको accordion शरीर हो। यो पूर्वनिर्धारित रूपमा लुकेको हुन्छ, जबसम्म पतन प्लगइनले उपयुक्त वर्गहरू थप्दैन जुन हामीले प्रत्येक तत्वलाई शैली बनाउन प्रयोग गर्छौं। यी वर्गहरूले समग्र उपस्थिति, साथै CSS संक्रमणहरू मार्फत देखाउने र लुकाउने नियन्त्रण गर्दछ। तपाईंले अनुकूलन CSS वा हाम्रा पूर्वनिर्धारित चरहरूलाई ओभरराइड गरेर यसमा कुनै पनि परिमार्जन गर्न सक्नुहुन्छ। यो पनि ध्यान दिन लायक छ कि कुनै पनि HTML भित्र जान सक्छ .accordion-body, यद्यपि संक्रमणले ओभरफ्लोलाई सीमित गर्दछ।

अलर्टहरू

कागजात

ब्याज

कागजात

उदाहरण शीर्षकनयाँ

उदाहरण शीर्षकनयाँ

उदाहरण शीर्षकनयाँ

उदाहरण शीर्षकनयाँ

उदाहरण शीर्षकनयाँ

उदाहरण शीर्षकनयाँ

उदाहरण शीर्षकनयाँ

उदाहरण शीर्षकनयाँ

प्राथमिक माध्यमिक सफलता खतरा चेतावनी जानकारी उज्यालो अँध्यारो

बटनहरू

कागजात

कार्ड

कागजात
Placeholder Image cap
कार्ड शीर्षक

कार्डको शीर्षकमा निर्माण गर्न र कार्डको सामग्रीको ठूलो भाग बनाउनको लागि केही द्रुत उदाहरण पाठ।

कतै जानुहोस्
चित्रित
कार्ड शीर्षक

कार्डको शीर्षकमा निर्माण गर्न र कार्डको सामग्रीको ठूलो भाग बनाउनको लागि केही द्रुत उदाहरण पाठ।

कतै जानुहोस्
२ दिन अगाडि
कार्ड शीर्षक

कार्डको शीर्षकमा निर्माण गर्न र कार्डको सामग्रीको ठूलो भाग बनाउनको लागि केही द्रुत उदाहरण पाठ।

  • एउटा वस्तु
  • दोस्रो वस्तु
  • तेस्रो वस्तु
कार्ड लिङ्क अर्को लिङ्क
Placeholder Image
कार्ड शीर्षक

यो अतिरिक्त सामग्रीमा प्राकृतिक नेतृत्वको रूपमा तल समर्थन पाठको साथ फराकिलो कार्ड हो। यो सामग्री अलि लामो छ।

पछिल्लो पटक ३ मिनेट पहिले अपडेट गरिएको थियो

सूची समूह

कागजात
  • असक्षम वस्तु
  • दोस्रो वस्तु
  • तेस्रो वस्तु
  • चौथो वस्तु
  • र पाँचौं
  • एउटा वस्तु
  • दोस्रो वस्तु
  • तेस्रो वस्तु
  • चौथो वस्तु
  • र पाँचौं
एक साधारण पूर्वनिर्धारित सूची समूह वस्तु एउटा साधारण प्राथमिक सूची समूह वस्तु एक साधारण माध्यमिक सूची समूह वस्तु एक साधारण सफलता सूची समूह वस्तु एक साधारण खतरा सूची समूह वस्तु एक साधारण चेतावनी सूची समूह वस्तु एक साधारण जानकारी सूची समूह वस्तु एक साधारण प्रकाश सूची समूह वस्तु एउटा साधारण अँध्यारो सूची समूह वस्तु

Popovers

कागजात

Scrollspy

कागजात

पहिलो शीर्षक

यो scrollspy पृष्ठको लागि केहि प्लेसहोल्डर सामग्री हो। नोट गर्नुहोस् कि तपाईंले पृष्ठ तल स्क्रोल गर्दा, उपयुक्त नेभिगेसन लिङ्क हाइलाइट हुन्छ। यो कम्पोनेन्ट उदाहरण भर दोहोर्याइएको छ। स्क्रोलिङ र हाइलाइटिङलाई जोड दिन हामी यहाँ केही थप उदाहरण प्रतिलिपिहरू थप्दैछौं।

दोस्रो शीर्षक

यो scrollspy पृष्ठको लागि केहि प्लेसहोल्डर सामग्री हो। नोट गर्नुहोस् कि तपाईंले पृष्ठ तल स्क्रोल गर्दा, उपयुक्त नेभिगेसन लिङ्क हाइलाइट हुन्छ। यो कम्पोनेन्ट उदाहरण भर दोहोर्याइएको छ। स्क्रोलिङ र हाइलाइटिङलाई जोड दिन हामी यहाँ केही थप उदाहरण प्रतिलिपिहरू थप्दैछौं।

तेस्रो शीर्षक

यो scrollspy पृष्ठको लागि केहि प्लेसहोल्डर सामग्री हो। नोट गर्नुहोस् कि तपाईंले पृष्ठ तल स्क्रोल गर्दा, उपयुक्त नेभिगेसन लिङ्क हाइलाइट हुन्छ। यो कम्पोनेन्ट उदाहरण भर दोहोर्याइएको छ। स्क्रोलिङ र हाइलाइटिङलाई जोड दिन हामी यहाँ केही थप उदाहरण प्रतिलिपिहरू थप्दैछौं।

चौथो शीर्षक

यो scrollspy पृष्ठको लागि केहि प्लेसहोल्डर सामग्री हो। नोट गर्नुहोस् कि तपाईंले पृष्ठ तल स्क्रोल गर्दा, उपयुक्त नेभिगेसन लिङ्क हाइलाइट हुन्छ। यो कम्पोनेन्ट उदाहरण भर दोहोर्याइएको छ। स्क्रोलिङ र हाइलाइटिङलाई जोड दिन हामी यहाँ केही थप उदाहरण प्रतिलिपिहरू थप्दैछौं।

पाँचौं शीर्षक

यो scrollspy पृष्ठको लागि केहि प्लेसहोल्डर सामग्री हो। नोट गर्नुहोस् कि तपाईंले पृष्ठ तल स्क्रोल गर्दा, उपयुक्त नेभिगेसन लिङ्क हाइलाइट हुन्छ। यो कम्पोनेन्ट उदाहरण भर दोहोर्याइएको छ। स्क्रोलिङ र हाइलाइटिङलाई जोड दिन हामी यहाँ केही थप उदाहरण प्रतिलिपिहरू थप्दैछौं।

स्पिनरहरू

कागजात

टोस्टहरू

कागजात

टूलटिप्स

कागजात