Css · twitter bootstrap orosz

előző ◈ a következő
h6. 6. fejezet

Példa fő szöveg

A bootstrap alapértelmezett font-size egyenlő 14px. és line-height of 20px. Ezek a szabályok vonatkoznak az elem és az egész szövegben. Ezen kívül, elem

(Para) kerül behúzásra az alsó felében a line-height, azaz van 10px alapértelmezés szerint.

Nyolc óra volt reggel - amikor tisztek, tisztviselők és a látogatók rendszerint után egy forró, fülledt éjszaka fürdött a tengerben, majd elment a pavilon inni kávét vagy teát. Ivan Andrejevics Laevsky, a fiatalember elment huszonnyolc vékony szőke haj, sapka a Pénzügyminisztérium és a cipő, jött fürdeni, partján található a sok barátot, és ezek közül a barátja, egy katonai orvos Samoilenko.

Egy nagy képen fej, nincs nyaki, piros, nosasty, bozontos fekete szemöldöke és szürke bajusz, zsír, petyhüdt, sőt a hadsereg, amellett, hogy a husky basszus, ez Samoylenko valamennyi újonnan gyártott jön a kellemetlen benyomást bourbon és Khripun de tartott két- három nappal azután, hogy az első expozíció, az arca kezdett úgy tűnik, szokatlan jellegű, szép, sőt szép. Annak ellenére, hogy esetlenség mogorva hangot. ego ártalmatlan ember, végtelenül kedves, jóindulatú és kötelező érvényű.

Ez a levél, hogy az Ön házvezetőnőmet Trofim azonnal, 08:00. Ha hozd pozhzhe, majd megverte az arcon, a professzori, semmi ezzel törzs ünnepségeken. Ha az előírtnál pozhzhe jelent valamit átok a pub jele. Egyéni utazás a szomszédok nem a mi alkotta nem minket, és több, és ezért szükségszerűen priezhzhayte az autók és a könyveket. Azt mentek, igen konfuzliv nagyon, a bátorság nem elég ..

osztály vezető

Jelölje ki a bekezdés, hogy adjunk egy osztály .lead.

Ez a levél, hogy az Ön házvezetőnőmet Trofim azonnal, 08:00.

Segítségével létrehozott Kevesebb

Végső alapját két változó a kevésbé variables.less fájlt. @baseFontSize és @baseLineHeight. Az első rész a font-size. A második vonal magasságát. Egy egyszerű matematikai egyenlet határozza meg a külső és belső párnázás elemek, sormagasság, és még sok más. Szerkeszteni őket, hogy optimalizálja és saját személyes Bootstrap'a.

szöveg kijelölése

Szabványos HTML-címkékkel, hogy kiemelje a szöveget.

Az érték csökkentéséhez a szöveg az oldalon, használja a kis címkét.

Nyolc óra volt reggel - amikor tisztek, tisztviselők és a látogatók rendszerint után egy forró, fülledt éjszaka fürdött a tengerben, majd elment a pavilon inni kávét vagy teát.

félkövér

Arra használják, hogy kiemelje fontos szöveg

A következő szót egy mondatban, nagyon fontos, és különleges figyelmet igényel az olvasótól.

dőlt betűs

Használni, hogy idézeteket és beszédet szöveggé

Az alábbi szöveg azt mondták régen: Ne harcolj az orosz. A minden csel fogják mondani a kiszámíthatatlan bolondság.

Perc figyelmet! használat tag és A HTML5 szabvány. címke Használja az egyszerű szöveges kiválasztás, a hangsúlyt arra, hogy, míg a címke Arra használják, hogy kiemelje a beszéd technikai információk, stb

Osztályok szöveg kijelölésére

Pass a további szöveg értelme a színösszeállítás.

Science fiúk kikötő

Joy régi szolgált

A boldog élet díszíteni

A baleset ápolja

Otthon, a nehézségeket az öröm

rövidítés

A stilizált ábrázolása a szabványos HTML-tag . Hogy a szavakat az elemen belül létrehozni egy rövidítés, vagy rövidítés - ha fölé viszi a felhasználó látni fogja az átirat. Rövidítések a cím attribútum, és van egy pont aláhúzás kurzor lebeg segítséget.

Használja rövidítések és mozaikszavak; magyarázat a csökkenés megjelenik, ha lebeg a kurzort, hogy fektessenek további cím attribútumot az címkéhez A magyarázó szöveg

A rövidítés "Comprehensive Car Insurance Továbbá felelősség" - Hull.

Hozzá egy osztály .initialism kiemelni rövidítések nagybetűvel.

html legjobb dolog egy ember alkotta feltalálása után a kereket.

Az alábbiakban két példát, hogy a címke

Ezt fel lehet használni:

Amikor a formázás, akkor az címke
A sortörés.

Alapértelmezett

A hegyekben, az éjszaka hűvös.
A feltárás namayalis nap.

Kiegészítéseket idézetek

További stílusok és elemek használható idézetek.

Figyeljük meg az eredeti forrás

hozzáad tag azonosítására a forrás. Tekerjük a neve a forrás munka .

A kávét buborékok,
Fáradt katonák aludtak.
Fölötte a babérjain Aragon
Nehéz levelek susogását.

alternatív helyszíne

Ahhoz, hogy a szöveget igazítani a jobb oldalra, adjunk hozzá egy class class = „pull-jobb”, hogy a címke

:

Könyörgöm - megvigasztaltatni, felség!
Salvation kell örülni több
A panasz a fájdalmas veszteség.

William Shakespeare - A vihar

rendezetlen

Listát, amelyben az elrendezés nem különösebben fontos.

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem a massa
  • Facilisis a pretium nisl aliquet
  • Nulla volutpat Ossza Velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique Libero volutpat at
  • Faucibus porta Lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

szabályos

Listát, amelyben a számozás az elemek különösen fontos.

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem a massa
  4. Facilisis a pretium nisl aliquet
  5. Nulla volutpat Ossza Velit
  6. Faucibus porta Lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem

nem stilizált

Elemek listája nélkül számozás és a stílus, ahol a list-style: none.

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem a massa
  • Facilisis a pretium nisl aliquet
  • Nulla volutpat Ossza Velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique Libero volutpat at
  • Faucibus porta Lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

listák leírások

Elemek listája a további leírást.

List Description listák ideális fogalmak meghatározását. Kifejezés A kifejezés definíciója. Donec id elit nem km Porta Gravida át eget metus. Malesuada porta Etiam porta sem malesuada magna mollis euismod.

Vízszintes listák leírások

A kifejezés és a leírás az elem

Ők lesznek vízszintesen egymáshoz képest.

List Description listák ideális fogalmak meghatározását. Kifejezés A kifejezés definíciója. Donec id elit nem km Porta Gravida át eget metus. Nagyon tartós vágott, hogy illeszkedjen a szélesség Etiam porta sem malesuada magna mollis euismod. Felis euismod semper eget lacinia Fusce dapibus, Tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

A string kiválasztó kód

Helyezzük a kódot egy string tag .

Például:

kiemelve a sorban.

Blokkválasztásra kód

használat 

 elkülönítésére 2 vagy több sornyi kódot. Kerüljük a kacsacsőrök <и>, helyes megjelenítés kódrészletek.


Megadhatók egy osztály .pre görgethető. amely meghatározza a maximális magasság (max-szélesség) a 350 képpont blokk, és adjunk hozzá egy függőleges görgetősávot.


Segítségével htmlspecialchars () függvény, akkor kap egy automatikus átváltási szög "<>„Konzolok a speciális szimbólumok. És az összes többi karakter HTML jelölőnyelv.


Használja ugyanazt a címkét 
 Ahogy az előző példában azzal a kiegészítéssel, két osztály.


táblázat alapértelmezett


Ahhoz, hogy az alsó és a szabványos formátumú asztal osztály .table egyszerűen hozzá bármely elemét 
. Normál formázás magában csak minimális padding és vízszintes vonalakat elválasztó vonalat.
formanyomtatványokat
Normál formázás formák tartoznak Bootstrap és dolgozik anélkül, hogy további osztályokat 
 és a változás nélkül a szabványos HTML-űrlap elrendezés. Alapérték: balra igazított, az aláírás elemek tetején a területen, és kompakt mérete.
További formázási osztályok
Bootstrap négy leggyakrabban használt formája stílusban.
keresési űrlap
Hozzá egy osztályt .form-kereső űrlapot és .search-lekérdezés osztály területén  Mező hozzáadása erősen lekerekített sarkokkal.
A lineáris formát
Add .form-inline osztály megjelenésének javítására penész vízszintes helyzetbe, és optimalizálja közötti árrés űrlap elemek.
horizontális alak
Illeszkedniük a jobb szélétől a bal és aláírás mezőket. Szükség van egy kis változás a szokásos elrendezés formájában:
    

  • Hozzá egy osztály .form horizontális alkotnak
    • 

  • Helycímkéket és elemek formájában div class .control-csoport
    • 

  • Hozzá egy osztály .control-label címke elem
    • 

  • Helyezzük a további kontrollok (gombok, jelölőnégyzetek, stb) egy div az osztályban .controls szükséges a megfelelő elrendezése elemek
    • 

Támogatott formaelemekkel
Példák a szabványos elemek formák.
Beviteli mezőt
Ügyeljen arra, hogy mindig adja meg a típust. annak ellenére, hogy az alapértelmezett.
Field támogatja a szöveg beviteli több sorban. Változás sorok attribútum értéke határozza meg a minimális számú sorok jelennek meg.
Letiltása a változás textarea mező mérete CSS-en keresztül:
 Letiltani az képes megváltoztatni a méretét a textarea mező egy CSS-kódot leíró tulajdonságok az elem regisztrálnia kell átméretezés: none; (Ez nem működik minden böngészőben).
Korlátozza a maximális karakterek száma:
 Korlátozza a maximális karakterek száma egy textarea mezőben a tulajdonság maxlength = „szám”
Négyzetet, és a rádió négyzeteket, és a rádió gombjai
A jelölőnégyzetek segítségével választhatjuk ki a többes amikor mindkét Cadiot-gombok valamelyikének kiválasztásával több pontot képviseli.
alapértelmezés szerint
lineáris négyzeteket
Hozzá egy osztály .inline ellenőrizni dobozokat, amelyeket meg kell elhelyezni egy sorban.
Select választó
Használja az alapértelmezett elem, vagy adja a többszörös = „többszörös” többszörös kiválasztás a listából.
Kiegészítés a Forma
Használja kiegészítő elemek a formák a legjobb felhasználói élményt.
A pre- és post-elérve elérve elemek
alapértelmezés szerint
Helyezzük a span elem class Adjunk hozzá-on, valamint a bemeneti elem egy vagy két osztály hozzátéve előtti és utáni folyamatos elemekkel.
kombinált
Használja csak két elem Adjunk hozzá-osztályon.
Gombok szöveg helyett
helyett . Ezzel a gombbal a .btn osztály hozzá előtti és utáni menetelő gomb.
keresési űrlap
méretek Management mezők
Használjon szabványos .input-nagy osztályok méretének szabályozására, vagy .span * osztályok méretének megfelelően a háló sablon.
szabvány osztályok
Osztályok szerint egy rács minta
Használja osztályok .span1 hogy .span12 létrehozni beviteli mezők azonos méretű mintázatot.
A helyét a beviteli mezők ugyanazon a vonalon, használata közben a méretei összhangban a minta a rács mérete, használja az osztály .controls-sor megfelelő elhelyezéséhez az elemek.
A fogyatékos (inaktív) mező
Letiltása űrlap elem megváltoztatása nélkül kódelemtől és extra attribútumok.
űrlapvezérlők
Befejezés alkotnak a legtöbb logikai csoportot vezérlő elemek (gombok). Használata .form horizontális. gombok és egyéb elemek automatikusan bekerül a másik után űrlap elemek.
súgó szöveg
Line segítség szöveg
Blokk súgó szöveg
Állami ellenőrzés a forma elemek
input fókusz
Bootstrap biztosít stílusok aktív elemek formái és fogyatékos (fogyatékkal elemek). Letiltottuk formanyomtatvány stílusok Webkit, például a vázlat. ahelyett, hogy a box-árnyék egy választó: hangsúly.
Mezők pontatlanul megadott adatokra
A stílusok mezők egy szabványos böngésző választó: érvénytelen. Típusának megadása típusú területen keresztül, és hozzáadjuk a szükséges attribútuma. Ha be adatokat tévesen, a mező piros lesz, és a forma nem lesz elküldve, ha meg az e-mail címét az alábbi mezőbe - a mezőt, kék, és az űrlap elküldése. Hozzászólások mezők, munkaforma és a válasz attól függ, hogy a márka a böngésző és a böngésző verzió.
A fogyatékos (inaktív) mező
Adjuk hozzá a fogyatékkal attribútum a beviteli mezőbe.
Álló elemek alkotják érvényesítés
Hozzáadott állapotban hiba (error), figyelmeztetések (figyelmeztetések) és a siker (sikeres). Például, hogy hibát jelez a kitöltő területeken hozzá .error osztály szülő Class elem viselő .control-csoport.
A szokásos gombok
gombstílust lehet alkalmazni, hogy minden elem class .btn. De valószínűleg akkor alkalmazza azt elemek  és