שנעל-אָנהייב ביישפילן

דאַרפֿן עטלעכע שנעל טעמפּלאַטעס? קוק די גרונט ביישפילן וואָס מיר האָבן שטעלן צוזאַמען:

פעליקייַט גריד

די פעליקייַט גריד סיסטעם צוגעשטעלט ווי אַ טייל פון Bootstrap איז אַ 940 פּקס ברייט 16-זייַל גריד. עס איז אַ טאַם פון די פאָלקס 960 גריד סיסטעם, אָבער אָן די נאָך גרענעץ / וואַטן אויף די לינקס און רעכט זייטן.

בייַשפּיל גריד מאַרקאַפּ

ווי געוויזן דאָ, אַ יקערדיק אויסלייג קענען זיין באשאפן מיט צוויי "שפאלטן," יעדער ספּאַנינג אַ נומער פון די 16 יסודות שפאלטן מיר דיפיינד ווי אַ טייל פון אונדזער גריד סיסטעם. זען די ביישפילן אונטן פֿאַר מער ווערייישאַנז.

<דייוו קלאַס = "רודערן" > 
  <div class = "span6" > 
    ...
  </div>
  <div class = "span10" > 
    ...
  </div>
</div>

נעסטינג שפאלטן

נעסט דיין אינהאַלט אויב איר מוזן שאַפֿן אַ .rowאין אַ יגזיסטינג זייַל.

בייַשפּיל פון נעסטעד שפאלטן

<דייוו קלאַס = "רודערן" > 
  <div class = "span12" > 
    מדרגה 1 פון זייַל
    <דייוו קלאַס = "רודערן" > 
      <div class = "span6" > 
        מדרגה 2
      </div>
      <div class = "span6" > 
        מדרגה 2
      </div>
    </div>
  </div>
</div>

זעמל דיין אייגן גריד

געבויט אין באָאָטסטראַפּ זענען אַ האַנדפול פון וועריאַבאַלז פֿאַר קאַסטאַמייזינג די פעליקייַט 940 פּקס גריד סיסטעם. מיט אַ ביסל קוסטאָמיזאַטיאָן, איר קענען מאָדיפיצירן די גרייס פון שפאלטן, זייער גאָוטערז און די קאַנטיינער זיי וווינען אין.

ין די גריד

די וועריאַבאַלז דארף צו מאָדיפיצירן די גריד סיסטעם דערווייַל אַלע וווינען אין preboot.less.

איצט צו קאַסטאַמייז

מאָדיפיצירן די גריד מיטל טשאַנגינג די דריי @grid-*וועריאַבאַלז און ריקאָמפּיילינג די ווייניקער טעקעס.

באָאָטסטראַפּ איז יקוויפּט צו שעפּן אַ גריד סיסטעם מיט אַרויף צו 24 שפאלטן; די פעליקייַט איז בלויז 16. דאָ ס ווי דיין גריד וועריאַבאַלז וואָלט קוקן קאַסטאַמייזד צו אַ 24-זייַל גריד.

@gridColumns : 24 ;       
@gridColumnWidth : 20פּקס ;   
@gridGutterWidth : 20פּקס ;   

אַמאָל ריקאָמפּיילד, איר וועט זיין באַשטימט!

פאַרפעסטיקט אויסלייג

די פעליקייַט און פּשוט 940 פּקס-ברייט, סענטערד אויסלייג פֿאַר כּמעט קיין וועבזייטל אָדער בלאַט צוגעשטעלט דורך אַ איין <div.container>.

<גוף>
  <div class = "container" > 
    ...
  </div>
</body>

פליסיק אויסלייג

אַן אָלטערנאַטיוו, פלעקסאַבאַל פליסיק בלאַט סטרוקטור מיט מינימום און מאַקסימום ברייט און אַ לינקס זייַט באַר. גרויס פֿאַר אַפּפּס און דאָקומענטן.

<גוף>
  <div class = "container-פליסיק" > 
    <דייוו קלאַס = "סיידבאַר" > 
      ...
    </div>
    <דייוו קלאַס = "אינהאַלט" > 
      ...
    </div>
  </div>
</body>

כעדינגז & קאָפּיע

א נאָרמאַל טיפּאָגראַפיק כייעראַרקי פֿאַר סטראַקטשערינג דיין וועבפּאַגעס.

די גאנצע טיפּאָגראַפיק גריד איז באזירט אויף צוויי ווייניקער וועריאַבאַלז אין אונדזער פּרעבאָאָט.לעסס טעקע: @basefontאון @baseline. דער ערשטער איז די באַזע שריפֿט גרייס געניצט איבער און די רגע איז די באַזע שורה-הייך.

מיר נוצן די וועריאַבאַלז, און עטלעכע מאַט, צו שאַפֿן די מאַרדזשאַנז, פּאַדדינגז און שורה-כייץ פון אַלע אונדזער טיפּ און מער.

h1. קעפל 1

h2. קעפל 2

h3. קעפל 3

h4. קעפל 4

h5. קעפל 5

h6. קעפל 6

בייַשפּיל פּאַראַגראַף

איצט איר וועט זיין ריספּאַנדינג צו די לעאָ. מיט די סאציאלע נאַטאָקווע פּענאַטיבוס און מאַגניס די פּאַרטוריענט מאָנטעס, נאַססעטור רידיקולוס מוס. נוללאַם יד דאָלאָר יד ניבה ולטריסיעס וועהיקולאַ וט יד עליט.

בייַשפּיל כעדינג האט סאַב-כעדינג ...

Misc. עלעמענטן

ניצן טראָפּ, אַדרעסעס און אַבריווייישאַנז

<strong> <em> <address> <abbr>

ווען צו נוצן

טראָפּ טאַגס ( <strong>און <em>) זאָל זיין געניצט צו אָנווייַזן נאָך וויכטיקייט אָדער טראָפּ פון אַ וואָרט אָדער פראַזע קאָרעוו צו זיין אַרומיק קאָפּיע. ניצן <strong>פֿאַר וויכטיקייט און <em>פֿאַר דרוק טראָפּ.

טראָפּ אין אַ פּאַראַגראַף

פוססע דאַפּיבוס , טעללוס אַ היימען קאָממאָדאָ , טאָרטאָר מאַוריס קאָנדימענטום ניבה , און פערמענטום מאַסאַזש נאָר זיצן אויף די רייס. Maecenas faucibus mollis interdum. Nulla vitae elit libero, אַ פאַרעטראַ אַוגוע.

באַמערקונג: עס איז נאָך אָוקיי צו נוצן <b>און <i>טאַגס אין HTML5 און זיי טאָן ניט האָבן צו זיין סטיילד דרייסט און ייטאַליק ריספּעקטיוולי (כאָטש אויב עס איז אַ מער סעמאַנטיק עלעמענט, נוצן עס). <b>איז מענט צו הויכפּונקט ווערטער אָדער פראַסעס אָן קאַנווייינג נאָך וויכטיקייט, בשעת <i>איז מערסטנס פֿאַר קול, טעכניש טערמינען, עטק.

ווענדט זיך

דער <address>עלעמענט איז געניצט פֿאַר קאָנטאַקט אינפֿאָרמאַציע פֿאַר זיין ניראַסט אָוועס, אָדער די גאנצע גוף פון אַרבעט. דאָ זענען צוויי ביישפילן פון ווי עס קען זיין געוויינט:

באַמערקונג: יעדער שורה אין אַ <address>מוזן סוף מיט אַ שורה-ברעכן ( <br />) אָדער זיין אלנגעוויקלט אין אַ בלאָק-מדרגה קוויטל (למשל, <p>) צו ריכטיק סטרוקטור דעם אינהאַלט.

אַבריווייישאַנז

פֿאַר אַבריווייישאַנז און אַקראַנימז, נוצן די <abbr>קוויטל ( <acronym>איז דיפּרישיייטיד אין HTML5 ). שטעלן די סטענאָגראַפיע פאָרעם אין די קוויטל און שטעלן אַ טיטל פֿאַר די גאַנץ נאָמען.

בלאָק קוואָטעס

<blockquote> <p> <small>

ווי צו ציטירן

צו אַרייַננעמען אַ בלאַקקוואָטע, ייַנוויקלען <blockquote>אַרום <p>און <small>טאַגס. ניצן דעם <small>עלעמענט צו ציטירן דיין מקור און איר וועט באַקומען אַן עמאַיל —איידער עס.

לאָמיר פּסום דאָלאָר זיצן אַמעט, קאָנסעקטעטור אַדאַפּיססינג עליט. גאַנץ פּאָוזוערע איז אַן אַנטע ווענענאַטיס דאַפּיבוס פּאָסוערע וועליט אַלקוועט.

ד״ר יוליוס היבערט

<blockquote>
  <p> לאָמיר פּסום דאָלאָר זיצן פּאַוערד דורך, קאָנסעקטעטור אַדאַפּיססינג עליט. גאַנץ פּאָוזוערע איז אַן אַנטע ווענענאַטיס דאַפּיבוס פּאָסוערע וועליט אַלקוועט. </p>
  <קליין> ד"ר יוליוס היבערט </small>
</blockquote>

אַנאָרדערד<ul>

• לאָמיר פּסום דאָלאָר זיצן אַמעט
• קאָנסעקטעטור אַדאַפּיססינג עליט
• גאַנץ מאָלעסטיעס לערנען אין מאַסאַזש
• פאַסיליטיז אין פּריטיום ניסל אַלקוועט
• נולל וואָלוטפּאַט אַליקוום וועליט
  • Phasellus iaculis neque
  • פּורוס סאָדאַלעס ולטריסיעס
  • וועסטיבולום לאַאָרעעט פּאָרטטיטאָר סעם
  • Ac tristique libero volutpat at
• Faucibus porta lacus fringilla vel
• אַנעאַן זיצן אַמעט עראַט נונק
• Eget porttitor lorem

ונסטיילד<ul.unstyled>

• לאָמיר פּסום דאָלאָר זיצן אַמעט
• קאָנסעקטעטור אַדאַפּיססינג עליט
• גאַנץ מאָלעסטיעס לערנען אין מאַסאַזש
• פאַסיליטיז אין פּריטיום ניסל אַלקוועט
• נולל וואָלוטפּאַט אַליקוום וועליט
  • Phasellus iaculis neque
  • פּורוס סאָדאַלעס ולטריסיעס
  • וועסטיבולום לאַאָרעעט פּאָרטטיטאָר סעם
  • Ac tristique libero volutpat at
• Faucibus porta lacus fringilla vel
• אַנעאַן זיצן אַמעט עראַט נונק
• Eget porttitor lorem

באפוילן<ol>

1. לאָמיר פּסום דאָלאָר זיצן אַמעט
2. קאָנסעקטעטור אַדאַפּיססינג עליט
3. גאַנץ מאָלעסטיעס לערנען אין מאַסאַזש
4. פאַסיליטיז אין פּריטיום ניסל אַלקוועט
5. נולל וואָלוטפּאַט אַליקוום וועליט
6. Faucibus porta lacus fringilla vel
7. אַנעאַן זיצן אַמעט עראַט נונק
8. Eget porttitor lorem

באַשרייַבונגdl

באַשרייַבונג רשימות

א באַשרייַבונג רשימה איז גאנץ פֿאַר דיפיינינג טערמינען.

Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio Sem nec elit.

דאָנעק יד עליט ניט מיר פּאָרטאַ גראַווידאַ און עגעסט מעטוס.

Malesuada porta

עס איז מעגלעך צו מאַכן זיכער אַז עס איז מעגלעך.

קאָד

<code> <pre>

פּימפּ דיין קאָד אין סטיל מיט צוויי פּשוט טאַגס. פֿאַר אפילו מער אָסאַם דורך דזשאַוואַסקריפּט, פאַלן אין Google ס קאָד פּריטיפיי ביבליאָטעק און איר זענט באַשטימט.

פּריזענטינג קאָד

קאָד, בלאַקס פון אָדער נאָר סניפּאַץ ינלינע, קענען זיין געוויזן מיט סטיל נאָר דורך ראַפּינג אין די רעכט קוויטל. פֿאַר בלאַקס פון קאָד ספּאַנינג קייפל שורות, נוצן דעם <pre>עלעמענט. פֿאַר ינלינע קאָד, נוצן די <code>עלעמענט.

<דיוו>
  <h1>כעדינג</h1>
  <p>עפּעס רעכט דאָ...</p>
</div>

<div> <h1> כעדינג </h1> <p> עפּעס רעכט דאָ ... </p> </div>
  
  

ינלינע לאַבעלס

<span class="label">

רוף ופמערקזאַמקייט צו אָדער פלאַג קיין פראַזע אין דיין גוף טעקסט.

לאַבעל עפּעס

אלץ דארף איינער פון די פאַנטאַזיע ניו! אָדער וויכטיק פלאַגס ווען שרייבן קאָד? נו, איצט איר האָבן זיי. דאָ ס וואָס איז אַרייַנגערעכנט דורך פעליקייַט:

מידיאַ גריד

ווייַז טהומבנאַילס פון וועריינג סיזעס אויף בלעטער מיט אַ נידעריק HTML שפּור און מינימאַל סטיילז.

בייַשפּיל טהומבנאַילס

טהומבנאַילס אין די .media-gridקענען זיין קיין גרייס, אָבער זיי אַרבעט בעסטער ווען מאַפּט גלייַך צו די געבויט-אין באָאָצטראַפּ גריד סיסטעם. בילד ווידטס ווי 90, 210 און 330 פאַרבינדן מיט אַ ביסל בילדצעלן פון וואַטן צו גלייַך די .span2, .span4, און .span6זייַל סיזעס.

גרויס

מיטל

קליין

קאָדירונג זיי

מעדיע גרידס זענען גרינג צו נוצן און גאַנץ פּשוט אויף די מאַרקאַפּ זייַט. זייער דימענשאַנז זענען ריין באזירט אויף די גרייס פון די בילדער אַרייַנגערעכנט.

<ul class = "מעדיע-גריד" > 
  <לי>
    <אַ הרף = " # " > 
      <img class = "thumbnail" src = "https://placehold.it/330x230" alt = "" >   
    </a>
  </li>
  <לי>
    <אַ הרף = " # " > 
      <img class = "thumbnail" src = "https://placehold.it/330x230" alt = "" >   
    </a>
  </li>
</ul>

בנין טישן

<table> <thead> <tbody> <tr> <th> <td> <colspan> <caption>

טישן זענען גרויס - פֿאַר אַ פּלאַץ פון זאכן. גרויס טישן, אָבער, דאַרפֿן אַ ביסל פון מאַרקאַפּ ליבע צו זיין נוציק, סקאַלאַבלע און ליינעוודיק (אין די קאָד מדרגה). דאָ זענען עטלעכע עצות צו העלפן.

ייַנוויקלען שטענדיק דיין זייַל כעדערז אין אַזאַ אַ כייעראַרקי <thead>איז <thead>>> .<tr><th>

ענלעך צו די זייַל כעדערז, אַלע די גוף אינהאַלט פון דיין טיש זאָל זיין אלנגעוויקלט אין אַ אַזוי <tbody>דיין כייעראַרקי איז <tbody>>> .<tr><td>

בייַשפּיל: פעליקייַט טיש סטיילז

אַלע טישן וועט זיין אויטאָמאַטיש סטיילד מיט בלויז די יקערדיק געמארקן צו ענשור רידאַביליטי און טייַנען סטרוקטור. ניט דאַרפֿן צו לייגן עקסטרע קלאסן אָדער אַטריביוץ.

<טיש>
  ...
</טיש>

בייַשפּיל: זעבראַ-סטרייפּט

באַקומען אַ ביסל פאַנטאַזיע מיט דיין טישן דורך אַדינג זעבראַ-סטריפּינג - נאָר לייגן די .zebra-stripedקלאַס.

באַמערקונג: זעבראַ-סטריפּינג איז אַ פּראָגרעסיוו ענכאַנסמאַנט ניט בנימצא פֿאַר עלטערע בראַוזערז ווי IE8 און ווייטער.

<טיש קלאַס = "זעבראַ-סטרייפּט" > 
...
</טיש>

בייַשפּיל: זעבראַ-סטרייפּט מיט TableSorter.js

מיט דעם פריערדיקן בייַשפּיל, מיר פֿאַרבעסערן די נוציקייט פון אונדזער טישן דורך צושטעלן סאָרטינג פאַנגקשאַנאַליטי דורך jQuery און די Tablesorter פּלוגין. דריקט אויף די כעדער פון יעדער זייַל צו טוישן די סאָרט.

<סקריפּט src = "js/jquery/jquery.tablesorter.min.js" ></סקריפּט> 
<שריפט > 
  $ ( פונקציע () { 
    $ ( "טיש#סאָרט טאַבלעעקסאַמפּלע" ). טאַבלעסאָרטער ({ סאָרטList : [[ 1 , 0 ]] });  
  });
</script>
<טיש קלאַס = "זעבראַ-סטרייפּט" > 
  ...
</טיש>

פעליקייַט סטיילז

אַלע פארמען זענען געגעבן פעליקייַט סטיילז צו פאָרשטעלן זיי אין אַ ליינעוודיק און סקאַלאַבלע וועג. סטיילז זענען צוגעשטעלט פֿאַר טעקסט ינפּוץ, אויסקלייַבן רשימות, טעקסט געביטן, ראַדיאָ קנעפּלעך און טשעקקבאָקסעס, און קנעפּלעך.

סטאַקט פארמען

לייג .form-stackedצו דיין פאָרעם HTML און איר וועט האָבן לאַבעלס אויף שפּיץ פון זייער פעלדער אַנשטאָט פון צו די לינקס. דאָס אַרבעט גרויס אויב דיין פארמען זענען קורץ אָדער איר האָבן צוויי שפאלטן פון ינפּוץ פֿאַר כעוויער פארמען.

פאָרעם פעלד סיזעס

קאַסטאַמייז קיין פאָרעם input, select, אָדער textareaברייט דורך אַדינג בלויז אַ ביסל קלאסן צו דיין מאַרקאַפּ.

זינט וו1.3.0, מיר האָבן צוגעגעבן די גריד-באזירט סייזינג קלאסן פֿאַר פאָרעם עלעמענטן. ביטע נוצן די איבער די יגזיסטינג .mini, .small, עטק קלאסן.

קנעפּלעך

ווי אַ קאַנווענשאַן, קנעפּלעך זענען געניצט פֿאַר אַקשאַנז בשעת לינקס זענען געניצט פֿאַר אַבדזשעקץ. פֿאַר בייַשפּיל, "Download" קען זיין אַ קנעפּל און "לעצטע טעטיקייט" קען זיין אַ לינק.

אַלע קנעפּלעך פעליקייַט צו אַ ליכט גרוי סטיל, אָבער אַ נומער פון פאַנגקשאַנאַל קלאסן קענען זיין געווענדט פֿאַר פאַרשידענע קאָליר סטיילז. די קלאסן אַרייַננעמען אַ בלוי .primaryקלאַס, אַ ליכט-בלוי .infoקלאַס, אַ גרין .successקלאַס און אַ רויט .dangerקלאַס.

בייַשפּיל קנעפּלעך

קנעפּל סטיילז קענען זיין געווענדט צו עפּעס מיט די .btnגעווענדט. טיפּיקאַללי איר וועט וועלן צו צולייגן די בלויז <a>, <button>, און אויסקלייַבן <input>עלעמענטן. דאָ ס ווי עס קוקט:

אַלטערנאַטיווע סיזעס

ליב געהאט גרעסערע אָדער קלענערער קנעפּלעך? האָבן אין עס!

פאַרקריפּלט שטאַט

פֿאַר קנעפּלעך וואָס זענען נישט אַקטיוו אָדער זענען פאַרקריפּלט דורך די אַפּ פֿאַר איין סיבה אָדער אנדערן, נוצן די פאַרקריפּלט שטאַט. אַז ס .disabledפֿאַר לינקס און :disabledפֿאַר <button>עלעמענטן.

לינקס

קנעפּלעך

וואס איז דאס

אונדזער שפּיץ באַר איז אַ פאַרפעסטיקט באַר וואָס כּולל די לאָגאָ אָדער נאָמען פון אַ וועבזייטל, ערשטיק נאַוויגאַציע און זוכן פאָרעם.

קוסטאָמיזאַבלע

אַלע עלעמענטן ין, און די גאנצע שפּיץ באַר אויך, זענען אַפּשאַנאַל. איר קענען קלייַבן צו אַרייַננעמען אַ לאָגאָ / נאָמען, נאַוויגאַציע, זוכן און אַ צווייטיק נאַוו - אָדער קיין קאָמבינאַציע פון ​​​​דעם.

דראָפּדאָוונס אַרייַנגערעכנט

ווי אַ טייל פון דער הויפּט נאַוויגאַציע, מיר האָבן אַרייַנגערעכנט די פיייקייט צו לייגן דראָפּדאָוונס צו דיין נאַוויגאַציע. קוק די צווייטיק נאַוו אויבן (רעכט אַליינד) צו זען ווי עס איז געטאן. דראָפּדאָוונס liטאַגס אויך שטיצן .activeפֿאַר ווייַז פון קראַנט בלאַט סעלעקציע.

טאַבס און פּילז

שאַפֿן פּשוט צווייטיק נאַוויגאַציע מיט אַ <ul>. ויסבייַטן צווישן טאַבס אָדער פּילז דורך אַדינג די צונעמען קלאַס.

גרויס פֿאַר סאַב-סעקשאַנז פון אינהאַלט ווי אונדזער חשבון סעטטינגס בלעטער און באַניצער טיימליינז פֿאַר טאַגאַלינג צווישן בלעטער פון ווי אינהאַלט. בנימצא אין טאַבבעד אָדער פּיל סטיילז.

• היים
• פּראָפיל
• אַרטיקלען
• סעטטינגס
• קאָנטאַקט
• דראָפּדאָוון
  • צווייטיק לינק
  • עפּעס אַנדערש דאָ
  • אן אנדער לינק

<ul class = "טאַבס" > 
  <li class = "active" ><a href = "#" > היים </a></li>  
  <li><a href = "#" > פּראָפיל </a></li> 
  <li><a href = "#" > אַרטיקלען </a></li> 
  <li><a href = "#" > סעטטינגס </a></li> 
  <li><a href = "#" > קאָנטאַקט </a></li> 
</ul>

• היים
• פּראָפיל
• אַרטיקלען
• סעטטינגס
• קאָנטאַקט

<ul class = "pills" > 
  <li class = "active" ><a href = "#" > היים </a></li>  
  <li><a href = "#" > פּראָפיל </a></li> 
  <li><a href = "#" > אַרטיקלען </a></li> 
  <li><a href = "#" > סעטטינגס </a></li> 
  <li><a href = "#" > קאָנטאַקט </a></li> 
</ul>

ברעאַדקרומבס

ברעאַדקרומב נאַוויגאַציע איז געניצט ווי אַ וועג צו ווייַזן יוזערז ווו זיי זענען אין אַ אַפּ אָדער פּלאַץ, אָבער נישט פֿאַר ערשטיק נאַוויגאַציע.

• היים

• היים /
• מיטל בלאַט

• היים /
• מיטל בלאַט /
• א אנדערע

• היים /
• מיטל בלאַט /
• אן אנדער איינער /
• איר זענט דאָ

<ul class = "ברעאַדקרומב" > 
  <li><a href = "#" > היים </a> <span class = "divider" > / </span></li>   
  <li><a href = "#" > מיטל בלאַט </a> <span class = "divider" > / </span></li>   
  <li><a href = "#" > אן אנדער איינער </a> <span class = "divider" > / </span></li>   
  <li class = "active" > איר זענט דאָ </li> 
</ul>

פּאַginיישאַן

הינטער סימפּליסטיק און מינימאַל סטיילד פּאַדזשאַניישאַן ינספּייערד דורך Rdio. די גרויס בלאָק איז שווער צו פאַרפירן, לייכט סקאַלאַבלע און גיט גרויס קליקס געביטן.

<דייוו קלאַס = "פּאַגעמענט" > 
  <ul>
    <li class = "prev disabled" ><a href = "#" > ← פֿריִערדיקע </a></li>  
    <לי קלאַס = "אַקטיוו" ><a href = "#" > 1 </a></li>  
    <li > <a href = "#"> 2 </a></li> 
    <li > <a href = "#"> 3 </a></li> 
    <li > <a href = "#"> 4 </a></li> 
    <li > <a href = "#"> 5 </a></li> 
    <li class = "ווייַטער" ><a href = "#" > ווייַטער → </a></li>  
  </ul>
</div>

יקערדיק אַלערץ

.alert-message

איין-שורה אַרטיקלען פֿאַר כיילייטינג די דורכפאַל, מעגלעך דורכפאַל אָדער הצלחה פון אַ קאַמף. ספּעציעל נוציק פֿאַר פארמען.

באַקומען די דזשאַוואַסקריפּט »

בייַשפּיל קאָד

<דייוו קלאַס = "אַלערט אָנזאָג ווארענונג" > 
  <אַ קלאַס = "נאָענט" href = "#" > × </a>  
  <p><strong> הייליק גאָואַקאַמאָלע! </strong> בעסטער טשעק איר זיך, איר ניטאָ קוקן צו גוט. </p>
</div>

פאַרשפּאַרן אַרטיקלען

.alert-message.block-message

פֿאַר אַרטיקלען וואָס דאַרפן אַ ביסל דערקלערונג, מיר האָבן פּאַראַגראַף נוסח אַלערץ. די זענען גאנץ פֿאַר באַבלינג אַרויף מער טעות אַרטיקלען, ווארענונג אַ באַניצער פון אַ פּענדינג קאַמף, אָדער נאָר פאָרשטעלן אינפֿאָרמאַציע פֿאַר מער טראָפּ אויף דעם בלאַט.

באַקומען די דזשאַוואַסקריפּט »

בייַשפּיל קאָד

<דייוו קלאַס = "פלינק-אָנזאָג בלאָק-אָנזאָג ווארענונג" > 
  <אַ קלאַס = "נאָענט" href = "#" > × </a>  
  <p><strong> הייליק גאָואַקאַמאָלע! דאס איז א ווארענונג! </strong> בעסטער טשעק איר זיך, איר ניטאָ קוקן צו גוט. Nulla vitae elit libero, אַ פאַרעטראַ אַוגוע. פּראַסעסט קאָממאָדאָ הויז מאַגנאַ, אָדער ססעלעריש ניסל קאָנסעקטעטור און. </p>
  <דייוו קלאַס = "פלינק-אַקשאַנז" > 
    <a class = "btn small" href = "#" > נעמען דעם קאַמף </a> <a class = "btn small" href = "#" > אָדער טאָן דאָס </a>     
  </div>
</div>

מאָדאַלס

מאָדאַלס - דיאַלאָגס אָדער ליגהטבאָקסעס - זענען גרויס פֿאַר קאָנטעקסטואַל אַקשאַנז אין סיטואַטיאָנס ווען עס איז וויכטיק אַז דער הינטערגרונט קאָנטעקסט איז מיינטיינד.

באַקומען די דזשאַוואַסקריפּט »

מכשירים

טוויפּסיעס זענען סופּער נוציק צו העלפֿן אַ צעמישט באַניצער און אָנווייַזן זיי אין די רעכט ריכטונג.

באַקומען די דזשאַוואַסקריפּט »

פּאָפּאָווערס

ניצן פּאָפּאָווערס צו צושטעלן סובטעקסטואַל אינפֿאָרמאַציע צו אַ בלאַט אָן אַפעקטינג אויסלייג.

באַקומען די דזשאַוואַסקריפּט »

געטינג סטאַרטעד

ינטאַגרייטינג דזשאַוואַסקריפּט מיט די Bootstrap ביבליאָטעק איז סופּער גרינג. ונטער מיר גיין איבער די באַסיקס און צושטעלן איר מיט עטלעכע אָסאַם פּלוגינס צו באַקומען איר סטאַרטעד!

זען דזשאַוואַסקריפּט דאָקומענטן »

וואָס איז אַרייַנגערעכנט

ברענגען עטלעכע פון ​​​​Bootstrap ס ערשטיק קאַמפּאָונאַנץ צו לעבן מיט נייַע מנהג פּלוגינס וואָס אַרבעט מיט jQuery און Ender . מיר מוטיקן איר צו פאַרברייטערן און מאָדיפיצירן זיי צו פּאַסיק דיין ספּעציפיש אַנטוויקלונג באדערפענישן.

איז דזשאַוואַסקריפּט נייטיק?

ניין! Bootstrap איז דיזיינד ערשטער און ערשטער צו זיין אַ CSS ביבליאָטעק. דעם דזשאַוואַסקריפּט גיט אַ יקערדיק ינטעראַקטיוו שיכטע אויף שפּיץ פון די ינקלודעד סטיילז.

אָבער, פֿאַר יענע וואָס דאַרפֿן דזשאַוואַסקריפּט, מיר האָבן צוגעשטעלט די פּלוגינס אויבן צו העלפֿן איר פֿאַרשטיין ווי צו ויסשטימען באָאָטסטראַפּ מיט דזשאַוואַסקריפּט און צו געבן איר אַ שנעל, לייטווייט אָפּציע פֿאַר די יקערדיק פאַנגקשאַנאַליטי גלייך.

פֿאַר מער אינפֿאָרמאַציע און צו זען עטלעכע לעבן דעמאָס, ביטע אָפּשיקן צו אונדזער פּלוגין דאַקיומענטיישאַן בלאַט .