பூட்ஸ்ட்ராப்ஏமாற்றுத்தாள்

RTL சீட்ஷீட்

உள்ளடக்கம்

அச்சுக்கலை

ஆவணப்படுத்தல்

காட்சி 1

காட்சி 2

காட்சி 3

காட்சி 4

காட்சி 5

காட்சி 6

தலைப்பு 1

தலைப்பு 2

தலைப்பு 3

தலைப்பு 4

தலைப்பு 5

தலைப்பு 6

இது ஒரு முன்னணி பத்தி. இது வழக்கமான பத்திகளிலிருந்து தனித்து நிற்கிறது.

நீங்கள் குறி குறிச்சொல்லைப் பயன்படுத்தலாம்முன்னிலைப்படுத்தஉரை.

இந்த உரையின் வரியானது நீக்கப்பட்ட உரையாகக் கருதப்படும்.

உரையின் இந்த வரி இனி துல்லியமாக கருதப்பட வேண்டும்.

இந்த உரையின் வரி ஆவணத்திற்கு கூடுதலாகக் கருதப்படும்.

இந்த உரையின் வரி அடிக்கோடிட்டவாறு வழங்கப்படும்.

உரையின் இந்த வரி சிறந்த அச்சாகக் கருதப்பட வேண்டும்.

இந்த வரி தடிமனான உரையாக வழங்கப்பட்டுள்ளது.

இந்த வரி சாய்வு உரையாக வழங்கப்படுகிறது.

நன்கு அறியப்பட்ட மேற்கோள், தொகுதி மேற்கோள் உறுப்பில் உள்ளது.

மூலத் தலைப்பில் பிரபலமான ஒருவர்
  • இது ஒரு பட்டியல்.
  • இது முற்றிலும் பாணியற்றதாக தோன்றுகிறது.
  • கட்டமைப்பு ரீதியாக, இது இன்னும் ஒரு பட்டியல்.
  • இருப்பினும், இந்த பாணி உடனடியாக குழந்தை கூறுகளுக்கு மட்டுமே பொருந்தும்.
  • உள்ளமைக்கப்பட்ட பட்டியல்கள்:
    • இந்த பாணியால் பாதிக்கப்படவில்லை
    • இன்னும் ஒரு புல்லட்டைக் காட்டுவார்கள்
    • மற்றும் பொருத்தமான இடது ஓரம் வேண்டும்
  • இது இன்னும் சில சூழ்நிலைகளில் கைக்கு வரலாம்.
  • இது ஒரு பட்டியல் உருப்படி.
  • மற்றும் இன்னொன்று.
  • ஆனால் அவை இன்லைனில் காட்டப்படும்.

படங்கள்

ஆவணப்படுத்தல்
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

அட்டவணைகள்

ஆவணப்படுத்தல்
# முதலில் கடந்த கைப்பிடி
1 குறி ஓட்டோ @mdo
2 ஜேக்கப் தோர்ன்டன் @கொழுப்பு
3 லாரி பறவை @twitter
# முதலில் கடந்த கைப்பிடி
1 குறி ஓட்டோ @mdo
2 ஜேக்கப் தோர்ன்டன் @கொழுப்பு
3 லாரி பறவை @twitter
வர்க்கம் தலைப்பு தலைப்பு
இயல்புநிலை செல் செல்
முதன்மை செல் செல்
இரண்டாம் நிலை செல் செல்
வெற்றி செல் செல்
ஆபத்து செல் செல்
எச்சரிக்கை செல் செல்
தகவல் செல் செல்
ஒளி செல் செல்
இருள் செல் செல்
# முதலில் கடந்த கைப்பிடி
1 குறி ஓட்டோ @mdo
2 ஜேக்கப் தோர்ன்டன் @கொழுப்பு
3 லாரி பறவை @twitter

படிவங்கள்

கண்ணோட்டம்

ஆவணப்படுத்தல்
உங்கள் மின்னஞ்சலை வேறு யாருடனும் பகிர்ந்து கொள்ள மாட்டோம்.
ரேடியோ பொத்தான்கள்

முடக்கப்பட்ட படிவங்கள்

ஆவணப்படுத்தல்
முடக்கப்பட்ட ரேடியோ பொத்தான்கள்

அளவிடுதல்

ஆவணப்படுத்தல்

உள்ளீட்டு குழு

ஆவணப்படுத்தல்
@
@example.com
https://example.com/users/
$ .00
உரைப்பகுதியுடன்

சரிபார்த்தல்

ஆவணப்படுத்தல்
நன்றாக இருக்கிறது!
நன்றாக இருக்கிறது!
@
தயவுசெய்து ஒரு பயனர்பெயரை தேர்வு செய்யவும்.
சரியான நகரத்தை வழங்கவும்.
சரியான நிலையைத் தேர்ந்தெடுக்கவும்.
சரியான ஜிப்பை வழங்கவும்.
சமர்ப்பிக்கும் முன் நீங்கள் ஒப்புக்கொள்ள வேண்டும்.

கூறுகள்

துருத்தி

ஆவணப்படுத்தல்

இது முதல் பொருளின் துருத்தி உடல். ஒவ்வொரு உறுப்புக்கும் ஸ்டைல் ​​செய்ய நாம் பயன்படுத்தும் பொருத்தமான வகுப்புகளை சரிவு சொருகி சேர்க்கும் வரை, இது இயல்பாகவே மறைக்கப்படும். இந்த வகுப்புகள் ஒட்டுமொத்த தோற்றத்தையும், 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.

இது மூன்றாவது பொருளின் துருத்தி உடல். ஒவ்வொரு உறுப்புக்கும் ஸ்டைல் ​​செய்ய நாம் பயன்படுத்தும் பொருத்தமான வகுப்புகளை சரிவு சொருகி சேர்க்கும் வரை, இது இயல்பாகவே மறைக்கப்படும். இந்த வகுப்புகள் ஒட்டுமொத்த தோற்றத்தையும், CSS மாற்றங்கள் வழியாகக் காட்டுவதையும் மறைப்பதையும் கட்டுப்படுத்துகின்றன. தனிப்பயன் CSS அல்லது எங்களின் இயல்புநிலை மாறிகளை மேலெழுதுவதன் மூலம் இவற்றில் ஏதேனும் ஒன்றை நீங்கள் மாற்றலாம். எந்த ஒரு HTML க்கும் உள்ளே செல்ல முடியும் என்பதும் குறிப்பிடத்தக்கது .accordion-body, இருப்பினும் மாற்றம் நிரம்பி வழிவதைக் கட்டுப்படுத்துகிறது.

எச்சரிக்கைகள்

ஆவணப்படுத்தல்

பேட்ஜ்

ஆவணப்படுத்தல்

எடுத்துக்காட்டு தலைப்புபுதியது

எடுத்துக்காட்டு தலைப்புபுதியது

எடுத்துக்காட்டு தலைப்புபுதியது

எடுத்துக்காட்டு தலைப்புபுதியது

எடுத்துக்காட்டு தலைப்புபுதியது

எடுத்துக்காட்டு தலைப்புபுதியது

எடுத்துக்காட்டு தலைப்புபுதியது

எடுத்துக்காட்டு தலைப்புபுதியது

முதன்மை இரண்டாம் நிலை வெற்றி ஆபத்து எச்சரிக்கை தகவல் ஒளி இருள்

பொத்தான்கள்

ஆவணப்படுத்தல்

அட்டை

ஆவணப்படுத்தல்
Placeholder Image cap
அட்டை தலைப்பு

கார்டின் தலைப்பில் உருவாக்க மற்றும் கார்டின் உள்ளடக்கத்தின் பெரும்பகுதியை உருவாக்க சில விரைவான எடுத்துக்காட்டு உரை.

எங்காவது போ
இடம்பெற்றது
அட்டை தலைப்பு

கார்டின் தலைப்பில் உருவாக்க மற்றும் கார்டின் உள்ளடக்கத்தின் பெரும்பகுதியை உருவாக்க சில விரைவான எடுத்துக்காட்டு உரை.

எங்காவது போ
2 நாட்கள் முன்பு
அட்டை தலைப்பு

கார்டின் தலைப்பில் உருவாக்க மற்றும் கார்டின் உள்ளடக்கத்தின் பெரும்பகுதியை உருவாக்க சில விரைவான எடுத்துக்காட்டு உரை.

  • ஒரு பொருள்
  • இரண்டாவது பொருள்
  • மூன்றாவது உருப்படி
அட்டை இணைப்பு மற்றொரு இணைப்பு
Placeholder Image
அட்டை தலைப்பு

இது கூடுதல் உள்ளடக்கத்திற்கு இயற்கையான வழிகாட்டுதலாக கீழே உள்ள துணை உரையுடன் கூடிய பரந்த அட்டையாகும். இந்த உள்ளடக்கம் சிறிது நீளமானது.

கடைசியாக 3 நிமிடங்களுக்கு முன்பு புதுப்பிக்கப்பட்டது

பட்டியல் குழு

ஆவணப்படுத்தல்
  • முடக்கப்பட்ட பொருள்
  • இரண்டாவது பொருள்
  • மூன்றாவது உருப்படி
  • நான்காவது உருப்படி
  • மற்றும் ஐந்தாவது ஒன்று
  • ஒரு பொருள்
  • இரண்டாவது பொருள்
  • மூன்றாவது உருப்படி
  • நான்காவது உருப்படி
  • மற்றும் ஐந்தாவது ஒன்று
ஒரு எளிய இயல்புநிலை பட்டியல் குழு உருப்படி ஒரு எளிய முதன்மை பட்டியல் குழு உருப்படி ஒரு எளிய இரண்டாம் நிலை பட்டியல் குழு உருப்படி ஒரு எளிய வெற்றி பட்டியல் குழு உருப்படி ஒரு எளிய ஆபத்து பட்டியல் குழு உருப்படி ஒரு எளிய எச்சரிக்கை பட்டியல் குழு உருப்படி ஒரு எளிய தகவல் பட்டியல் குழு உருப்படி ஒரு எளிய ஒளி பட்டியல் குழு உருப்படி ஒரு எளிய இருண்ட பட்டியல் குழு உருப்படி

Popovers

ஆவணப்படுத்தல்

ஸ்க்ரோல்ஸ்பி

ஆவணப்படுத்தல்

முதல் தலைப்பு

இது scrollspy பக்கத்திற்கான சில ஒதுக்கிட உள்ளடக்கமாகும். நீங்கள் பக்கத்தை கீழே ஸ்க்ரோல் செய்யும் போது, ​​பொருத்தமான வழிசெலுத்தல் இணைப்பு முன்னிலைப்படுத்தப்படும் என்பதை நினைவில் கொள்ளவும். கூறு உதாரணம் முழுவதும் இது மீண்டும் மீண்டும் செய்யப்படுகிறது. ஸ்க்ரோலிங் மற்றும் ஹைலைட் செய்வதை வலியுறுத்த இன்னும் சில எடுத்துக்காட்டு நகலை இங்கே சேர்த்து வருகிறோம்.

இரண்டாவது தலைப்பு

இது scrollspy பக்கத்திற்கான சில ஒதுக்கிட உள்ளடக்கமாகும். நீங்கள் பக்கத்தை கீழே ஸ்க்ரோல் செய்யும் போது, ​​பொருத்தமான வழிசெலுத்தல் இணைப்பு முன்னிலைப்படுத்தப்படும் என்பதை நினைவில் கொள்ளவும். கூறு உதாரணம் முழுவதும் இது மீண்டும் மீண்டும் செய்யப்படுகிறது. ஸ்க்ரோலிங் மற்றும் ஹைலைட் செய்வதை வலியுறுத்த இன்னும் சில எடுத்துக்காட்டு நகலை இங்கே சேர்த்து வருகிறோம்.

மூன்றாவது தலைப்பு

இது scrollspy பக்கத்திற்கான சில ஒதுக்கிட உள்ளடக்கமாகும். நீங்கள் பக்கத்தை கீழே ஸ்க்ரோல் செய்யும் போது, ​​பொருத்தமான வழிசெலுத்தல் இணைப்பு முன்னிலைப்படுத்தப்படும் என்பதை நினைவில் கொள்ளவும். கூறு உதாரணம் முழுவதும் இது மீண்டும் மீண்டும் செய்யப்படுகிறது. ஸ்க்ரோலிங் மற்றும் ஹைலைட் செய்வதை வலியுறுத்த இன்னும் சில எடுத்துக்காட்டு நகலை இங்கே சேர்த்து வருகிறோம்.

நான்காவது தலைப்பு

இது scrollspy பக்கத்திற்கான சில ஒதுக்கிட உள்ளடக்கமாகும். நீங்கள் பக்கத்தை கீழே ஸ்க்ரோல் செய்யும் போது, ​​பொருத்தமான வழிசெலுத்தல் இணைப்பு முன்னிலைப்படுத்தப்படும் என்பதை நினைவில் கொள்ளவும். கூறு உதாரணம் முழுவதும் இது மீண்டும் மீண்டும் செய்யப்படுகிறது. ஸ்க்ரோலிங் மற்றும் ஹைலைட் செய்வதை வலியுறுத்த இன்னும் சில எடுத்துக்காட்டு நகலை இங்கே சேர்த்து வருகிறோம்.

ஐந்தாவது தலைப்பு

இது scrollspy பக்கத்திற்கான சில ஒதுக்கிட உள்ளடக்கமாகும். நீங்கள் பக்கத்தை கீழே ஸ்க்ரோல் செய்யும் போது, ​​பொருத்தமான வழிசெலுத்தல் இணைப்பு முன்னிலைப்படுத்தப்படும் என்பதை நினைவில் கொள்ளவும். கூறு உதாரணம் முழுவதும் இது மீண்டும் மீண்டும் செய்யப்படுகிறது. ஸ்க்ரோலிங் மற்றும் ஹைலைட் செய்வதை வலியுறுத்த இன்னும் சில எடுத்துக்காட்டு நகலை இங்கே சேர்த்து வருகிறோம்.

ஸ்பின்னர்கள்

ஆவணப்படுத்தல்

டோஸ்ட்ஸ்

ஆவணப்படுத்தல்

உதவிக்குறிப்புகள்

ஆவணப்படுத்தல்