ჩამტვირთავიჩეტფურცელი

RTL თაღლითური ფურცელი

შინაარსი

ტიპოგრაფია

დოკუმენტაცია

ჩვენება 1

ჩვენება 2

ჩვენება 3

ჩვენება 4

ჩვენება 5

ჩვენება 6

სათაური 1

სათაური 2

სათაური 3

სათაური 4

სათაური 5

სათაური 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

მაგიდები

დოკუმენტაცია
# Პირველი ბოლო Სახელური
1 მარკო ოთო @mdo
2 იაკობ თორნტონი @ fat
3 ლარი ჩიტი @twitter
# Პირველი ბოლო Სახელური
1 მარკო ოთო @mdo
2 იაკობ თორნტონი @ fat
3 ლარი ჩიტი @twitter
Კლასი სათაური სათაური
ნაგულისხმევი უჯრედი უჯრედი
პირველადი უჯრედი უჯრედი
მეორადი უჯრედი უჯრედი
წარმატებები უჯრედი უჯრედი
საფრთხე უჯრედი უჯრედი
გაფრთხილება უჯრედი უჯრედი
ინფორმაცია უჯრედი უჯრედი
Მსუბუქი უჯრედი უჯრედი
Ბნელი უჯრედი უჯრედი
# Პირველი ბოლო Სახელური
1 მარკო ოთო @mdo
2 იაკობ თორნტონი @ fat
3 ლარი ჩიტი @twitter

ფიგურები

დოკუმენტაცია
Placeholder 400x300
წარწერა ზემოთ მოცემული სურათისთვის.

ფორმები

მიმოხილვა

დოკუმენტაცია
ჩვენ არასოდეს გავუზიარებთ თქვენს ელფოსტას სხვას.
რადიოს ღილაკები

გამორთული ფორმები

დოკუმენტაცია
გამორთული რადიოს ღილაკები

გაზომვა

დოკუმენტაცია

შეყვანის ჯგუფი

დოკუმენტაცია
@
@example.com
https://example.com/users/
$ .00
ტექსტური არეალით

ვალიდაცია

დოკუმენტაცია
Კარგად გამოიყურება!
Კარგად გამოიყურება!
@
გთხოვთ, აირჩიოთ მომხმარებლის სახელი.
გთხოვთ, მიუთითოთ მოქმედი ქალაქი.
გთხოვთ, აირჩიოთ სწორი სახელმწიფო.
გთხოვთ, მოგვაწოდოთ მოქმედი zip.
გაგზავნამდე უნდა დაეთანხმოთ.

კომპონენტები

აკორდეონი

დოკუმენტაცია

ეს არის პირველი ნივთის აკორდეონის სხეული. ის დამალულია ნაგულისხმევად, სანამ დაშლის დანამატი არ დაამატებს შესაბამის კლასებს, რომლებსაც ვიყენებთ თითოეული ელემენტის სტილისთვის. ეს კლასები აკონტროლებენ მთლიან გარეგნობას, ასევე 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 წუთის წინ

სიის ჯგუფი

დოკუმენტაცია
  • გამორთული ელემენტი
  • მეორე ნივთი
  • მესამე ნივთი
  • მეოთხე ელემენტი
  • და მეხუთე
  • Ნივთი
  • მეორე ნივთი
  • მესამე ნივთი
  • მეოთხე ელემენტი
  • და მეხუთე
მარტივი ნაგულისხმევი სიის ჯგუფის ელემენტი მარტივი პირველადი სიის ჯგუფის ელემენტი მარტივი მეორადი სიის ჯგუფის ელემენტი მარტივი წარმატების სიის ჯგუფის ელემენტი მარტივი საფრთხის სიის ჯგუფის ელემენტი მარტივი გამაფრთხილებელი სიის ჯგუფის ელემენტი მარტივი ინფორმაციის სიის ჯგუფის ელემენტი მარტივი მსუბუქი სიის ჯგუფის ელემენტი მარტივი მუქი სიის ჯგუფის ელემენტი

პოპოვერები

დოკუმენტაცია

Scrollspy

დოკუმენტაცია

პირველი სათაური

ეს არის გარკვეული ჩანაცვლების კონტენტი scrollspy გვერდისთვის. გაითვალისწინეთ, რომ გვერდის ქვემოთ გადახვევისას მონიშნულია შესაბამისი ნავიგაციის ბმული. ეს მეორდება მთელი კომპონენტის მაგალითში. ჩვენ ვაგრძელებთ აქ კიდევ რამდენიმე ასლის მაგალითს, რათა ხაზი გავუსვა გადახვევას და ხაზს უსვამს.

მეორე სათაური

ეს არის გარკვეული ჩანაცვლების კონტენტი scrollspy გვერდისთვის. გაითვალისწინეთ, რომ გვერდის ქვემოთ გადახვევისას მონიშნულია შესაბამისი ნავიგაციის ბმული. ეს მეორდება მთელი კომპონენტის მაგალითში. ჩვენ ვაგრძელებთ აქ კიდევ რამდენიმე ასლის მაგალითს, რათა ხაზი გავუსვა გადახვევას და ხაზს უსვამს.

მესამე სათაური

ეს არის გარკვეული ჩანაცვლების კონტენტი scrollspy გვერდისთვის. გაითვალისწინეთ, რომ გვერდის ქვემოთ გადახვევისას მონიშნულია შესაბამისი ნავიგაციის ბმული. ეს მეორდება მთელი კომპონენტის მაგალითში. ჩვენ ვაგრძელებთ აქ კიდევ რამდენიმე ასლის მაგალითს, რათა ხაზი გავუსვა გადახვევას და ხაზს უსვამს.

მეოთხე სათაური

ეს არის გარკვეული ჩანაცვლების კონტენტი scrollspy გვერდისთვის. გაითვალისწინეთ, რომ გვერდის ქვემოთ გადახვევისას მონიშნულია შესაბამისი ნავიგაციის ბმული. ეს მეორდება მთელი კომპონენტის მაგალითში. ჩვენ ვაგრძელებთ აქ კიდევ რამდენიმე ასლის მაგალითს, რათა ხაზი გავუსვა გადახვევას და ხაზს უსვამს.

მეხუთე სათაური

ეს არის გარკვეული ჩანაცვლების კონტენტი scrollspy გვერდისთვის. გაითვალისწინეთ, რომ გვერდის ქვემოთ გადახვევისას მონიშნულია შესაბამისი ნავიგაციის ბმული. ეს მეორდება მთელი კომპონენტის მაგალითში. ჩვენ ვაგრძელებთ აქ კიდევ რამდენიმე ასლის მაგალითს, რათა ხაზი გავუსვა გადახვევას და ხაზს უსვამს.

სპინერები

დოკუმენტაცია

სადღეგრძელოები

დოკუმენტაცია

ინსტრუმენტების რჩევები

დოკუმენტაცია