Css · twitter bootstrap în limba rusă

h6. Header 6

Exemplu de text

În Bootstrap, dimensiunea implicită a fontului este de 14 pixeli. iar înălțimea liniei este de 20 px. Aceste reguli se aplică unui element și întregul text. În plus, elementul

(Paragraful) are o adâncitură de dedesubt în jumătate înălțimea liniei, adică. este în mod implicit 10px.







Era ora opt dimineața - un moment în care ofițeri, funcționari și vizitatori, de obicei, după un hot nopți, nas înfundat scăldate în mare și apoi sa dus la pavilionul pentru a bea cafea sau ceai. Ivan Andreevici Laevsky, tânărul sa dus la douăzeci și opt, păr subțire blond, purtând un capac al Ministerului de Finanțe și în pantofi, a venit să se scalde, găsit pe malul o mulțime de prieteni, iar printre ei prietenul său, un doctor militar Samoilenko.

Cu un cap mare decupată, fără gât, roșu, nosasty, cu sprâncene negre stufoase și cu mustăți gri, grăsime, fără vlagă, și chiar armata, în plus față de bas husky, acest Samoylenko pe toate nou produs vine impresia neplăcută de bourbon și Khripun, dar a avut loc cu două trei zile după prima expunere, și fața lui a început să pară un fel neobișnuit, frumos și chiar frumos. În ciuda stării sale ciudate și a tonusului dur. ego-ul era un bărbat blând, fără nici un fel, cu plăcere și obligatoriu.

Această scrisoare trebuie trimisă de vărul meu Trofim exact la ora 20:00. Dacă-l aducem pozhzhe, apoi l-au bătut pe obraji, pe profesorale, nimic cu acest trib ceremonii. Dacă îl oferiți, înseamnă că anatema a intrat în tavernă. Personalizat plimbare cu vecinii nu a noastră nu inventat de noi, și peste, și, prin urmare, în mod necesar priezhzhayte cu mașini și cărți. Mi-ar fi dus la tine, da konfuzliv foarte, curaj nu este de ajuns ..

Clasa de plumb

Selectați paragraful adăugând clasa .lead.

Această scrisoare trebuie trimisă de vărul meu Trofim exact la ora 20:00.

Creat cu ajutorul lui Less

Proiectul se bazează pe două variabile mai mici în fișierul variabil. @baseFontSize și @baseLineHeight. Primul specifică dimensiunea fontului. a doua stabilește înălțimea liniei. Folosind ecuații matematice simple, specificăm linia exterioară și interioară a elementelor, înălțimea șirului și multe altele. Modificați-le pentru a optimiza și a crea propriul Bootstrap personal.

Selectarea unui font

Utilizați etichete HTML standard pentru a evidenția fontul.

Pentru a reduce valoarea textului pe pagină, utilizați eticheta mică.

A fost ora opt dimineața - ora în care ofițerii, oficialii și vizitatorii se scaldă în mare după o noapte fierbinte și înfundată și apoi se duceau în pavilion să bea cafea sau ceai.

Alocare la bold

Folosit pentru a evidenția textul important

Următoarele cuvinte din propoziție sunt foarte importante și necesită o atenție specială din partea cititorului.

Alocarea italiilor

Utilizați pentru a evidenția citate și vorbi în text

Următorul text a fost spus foarte mult timp: Nu luptați niciodată cu rușii. Pentru fiecare dintre trucurile tale militare, ei vor răspunde cu stupiditate imprevizibilă.

Un moment de atenție! Utilizați eticheta și în standardul HTML5. etichetă Utilizați pentru selectarea simplă a textului, accentuând atenția asupra acestuia, atunci când este ca o etichetă Folosit pentru selectarea discursului, a informațiilor tehnice etc.

Clase pentru evidențierea textului

Treceți valoarea textului suplimentar utilizând soluția de culoare.

Științele tinerilor se hrănesc

Otradu vechi da

Într-o viață fericită decora

Într-un accident, ei protejează

În dificultățile interne ale bucuriei

abreviere

Reprezentarea stilizată a etichetei HTML standard . Plasați cuvântul în interiorul elementului pentru a crea un acronim sau un acronim - atunci când se deplasează peste care utilizatorul vede decodificarea. Abrevierile cu atributul titlu au un punct de subliniere și ajută cursorul atunci când se deplasează.

Utilizați pentru abrevieri și abrevieri; explicația abrevieției este afișată când plasați cursorul pe cursă, atașați tag-ul la un atribut de titlu suplimentar pentru textul explicativ

Abrevierea "Asigurarea completă a autovehiculelor, cu excepția responsabilității" - CASCO.

Adăugați clasa .initialism pentru a evidenția abrevierea cu majuscule.

html cel mai bun lucru inventat de o persoană după inventarea roții.

Mai jos sunt două exemple ca etichetă

pot fi utilizate:

La formatare, utilizați eticheta
pentru a muta linia.

Cotațiile în mod prestabilit

În munți această noapte este rece.
În recunoașterea namayavshis în după-amiaza.

Adăugări în cotații

Stiluri și elemente suplimentare pentru utilizarea cu ghilimele.

Specificarea sursei originale

adăuga etichetă pentru identificarea sursei. Înfășurați numele lucrării sursă în .

Bulele de cafea din oala de cafea,
Soldații dorm adormiți.
Deasupra lui lauri aragoneze
Frunzele puternice se freacă.

Locație alternativă

Pentru a alinia textul spre dreapta, adăugați clasa class = "pull-right" la etichetă

:

Te rog, fii consoled, domnule!
Trebuie să te bucuri mai mult,
Apropo de durere.

Shakespeare William - Furtuna

dezordonate

O listă în care aranjarea elementelor nu este deosebit de importantă.

  • Lorem ipsum dolor sta amet
  • Consectetur adipiscing elit
  • Integer molestie lorem la massa
  • Facilisis în prețium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus emite ultriciuri
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat la






  • Faucibus porta lacus fringilla vel
  • Aenean stau amet erat nunc
  • Eget porttitor lorem

ordonat

O listă în care numerotarea elementelor are o importanță deosebită.

  1. Lorem ipsum dolor sta amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem la massa
  4. Facilisis în prețium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean stau amet erat nunc
  8. Eget porttitor lorem

Nu este stilizat

Listă de elemente fără numerotare și stil, în cazul în care lista-stil: nici unul.

  • Lorem ipsum dolor sta amet
  • Consectetur adipiscing elit
  • Integer molestie lorem la massa
  • Facilisis în prețium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus emite ultriciuri
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat la
  • Faucibus porta lacus fringilla vel
  • Aenean stau amet erat nunc
  • Eget porttitor lorem

Liste de descriere

Lista elementelor cu descriere suplimentară.

Liste descriptive Listele descriptive sunt ideale pentru definirea termenilor. Termen Descrierea termenului. Donec id elit non mi porta gravida la eget metus. Malesuada porta Etiam portă sem malesuada magna mollis euismod.

Listele descriptive orizontale

Termenul și descrierea în element

vor fi amplasate orizontal unul față de celălalt.

Liste descriptive Listele descriptive sunt ideale pentru definirea termenilor. Termen Descrierea termenului. Donec id elit non mi porta gravida la eget metus. Un termen foarte lung este tăiat în funcție de lățimea Etiam porta sem malesuada magna mollis euismod. Felis euismod sempre eget lacinia Fusce dapibus, Tellus AC Cursus commodo, tortor Mauris condimentum nibh, fermentum ut massa justo sit amet Risus.

Selectarea codului

Puneți codul de șir în etichetă .

De exemplu:

este evidențiată într-un rând.

Blocarea codului blocului

utilizare 

 pentru a selecta 2 sau mai multe linii de cod. Evitați utilizarea consolelor unghiulare <и>, pentru afișarea corectă a fragmentelor de cod.


Puteți adăuga în plus o clasă .pre-derulabilă. care va seta înălțimea maximă (max-lățime) a blocului la 350px și va adăuga o bară de derulare verticală.


Folosind funcția htmlspecialchars (), puteți obține o conversie automată a unghiului "<>"paranteze cu caractere speciale". Și toate celelalte caractere ale marcajului HTML.


Utilizați aceeași etichetă 
 ca în exemplul anterior, cu adăugarea a două clase.


Tabelul implicit


Pentru a adăuga formatul de tabel standard și minim, pur și simplu adăugați clasa .table la orice element 
. Formatarea standard conține o indentare minimă și numai linii orizontale care separă linii.
Formulare standard
Formatarea standard a formularelor este inclusă în Bootstrap și funcționează fără clase suplimentare pentru 
 și fără nicio modificare a marcajului HTML standard al formularelor. Implicit: etichete de elemente aliniate la stânga, deasupra câmpurilor și dimensiuni compacte.
Clase suplimentare de formatare
Bootstrap include patru dintre cele mai utilizate stiluri de formular.
Formular de căutare
Adăugați clasei .form-search la formular și clasa de interogare .search în câmp  Pentru a adăuga un câmp cu colțuri puternic rotunjite.
Formă liniară
Adăugați o clasă .form-inline pentru a îmbunătăți aspectul formei într-o poziție orizontală și pentru a optimiza liniuțele dintre elementele de formă.
Forme orizontale
Aliniat la etichetele câmpului din dreapta și din stânga. Necesită o mică modificare a marcajului standard al formularului:
    

  • Adăugați o clasă .form-orizontală în formular
    • 

  • Plasați etichetele și formați elementele într-un div cu grupul .control de clasă
    • 

  • Adăugați o clasă .control-label la elementul de etichetă
    • 

  • Plasați toate controalele suplimentare (butoane, casete de selectare etc.) în div cu clasa .controls, acest lucru este necesar pentru localizarea corectă a elementelor
    • 

Elemente de formular acceptate
Exemple de utilizare a elementelor de formă standard.
Rubrica de intrare
Întotdeauna includeți tipul. în ciuda valorii implicite.
Câmp de text acceptat în mai multe rânduri. Modificați valoarea atributului de rânduri pentru a specifica numărul minim de rânduri de afișat.
Dezactivarea redimensionării câmpului textarea prin CSS:
 Pentru a dezactiva capacitatea de a modifica dimensiunea câmpului textarea într-un CSS care descrie proprietățile unui element, trebuie să setați redimensionarea: none; (nu funcționează în toate browserele).
Limitați numărul maxim de caractere pe care trebuie să le introduceți:
 Pentru a limita numărul maxim de caractere care trebuie introduse în câmpul textarea, utilizați atributul maxlength = "număr"
Rubricile de casetă de selectare și radio și butoanele radio
Căsuțele de verificare sunt utilizate pentru alegerea mai multor forme, atunci când sunt ca un buton cadio pentru selectarea unui element din setul prezentat.
în mod implicit
Lămpi de control liniare
Adăugați clasa .inline la casetele de selectare pe care doriți să le plasați într-o singură linie.
Selectați selectorul
Utilizați elementul implicit sau adăugați atributul multiple = "multiple" pentru mai multe selecții din listă.
Adăugări la formulare
Utilizați elemente suplimentare în formulare pentru cea mai bună experiență a utilizatorului.
Elemente premergătoare și post-alergare
în mod implicit
Așezați elementul de tip span cu clasa .add-on și elementul de intrare cu una sau două clase pentru a adăuga elementele pre și postare.
combinate
Utilizați două elemente simultan cu clasa .add-on.
Butoane în loc de text
În loc de . Utilizați butonul cu clasa .btn pentru a adăuga butoanele înainte și după rulare.
Formular de căutare
Gestionarea dimensiunilor câmpurilor
Utilizați clasele standard .input-mari pentru controlul dimensiunii sau .span * clase pentru a se potrivi cu dimensiunea șablonului dvs. de ochiuri.
Clasele standard
Clase în funcție de grila șablonului
Utilizați clase de la .span1 la .span12 pentru a crea câmpuri de intrare care se potrivesc cu dimensiunea grilei de șablon.
Pentru a aranja câmpurile de introducere pe o singură linie, utilizând dimensiunile conform dimensiunilor grila șablonului, utilizați clasa .controls-row pentru a poziționa corect elementele.
Câmp deconectat (inactiv)
Dezactivați elementul de formă fără a modifica codul elementului și adăugați atribute suplimentare.
Formulare de control
Finish formează elemente de control grup mai logice (butoane). Folosind .form-orizontal. butoanele și alte elemente vor fi plasate automat imediat după celelalte elemente de formă.
Text auxiliar
Text inferior auxiliar
Blocați textul de ajutor
Controlul stării elementelor de formă
Introduceți focalizarea
Bootstrap oferă stiluri pentru elementele formate active și dezactivate (elementele dezactivate). Am deconectat stilurile standard de formular din Webkit, cum ar fi schița. în loc să adăugați umbra de box la selector: focalizare.
Câmpuri cu date introduse incorect
Câmpurile de câmp prin intermediul unui selector de browser standard: nevalid. Specificați tipul câmpului și adăugați atributul necesar. Dacă introduceți datele incorect, câmpul va fi roșu și formularul nu va fi trimis dacă introduceți e-mailul în câmpul de mai jos - câmpul va fi evidențiat în albastru și formularul va fi trimis. Acțiunile câmpurilor, activitatea formei și reacția browserului depind de marca și versiunea browserului.
Câmp deconectat (inactiv)
Adăugați atributul dezactivat în câmpul de introducere.
Statele de validare a elementelor formale
Stat adăugate pentru erori, avertismente și succes. De exemplu, pentru a afișa o eroare în completarea unui câmp, adăugați clasa .error la elementul părinte care are clasa .control-group.
Butoane standard
Stilul butonului poate fi aplicat oricărui element cu clasa .btn. Dar, cel mai probabil, îl veți aplica elementelor  și