קאַמפּאָונאַנץ

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

קנעפּל גרופּעס

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

בעסטער פּראַקטיסיז

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

  • שטענדיק נוצן די זעלבע עלעמענט אין אַ איין קנעפּל גרופּע, <a>אָדער <button>.
  • דו זאלסט נישט מישן קנעפּלעך פון פאַרשידענע פארבן אין דער זעלביקער קנעפּל גרופּע.
  • ניצן ייקאַנז אין אַדישאַן צו אָדער אַנשטאָט פון טעקסט, אָבער זיין זיכער צו אַרייַננעמען אַלט און טיטל טעקסט ווו צונעמען.

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

פעליקייַט בייַשפּיל

דאָ ס ווי די HTML קוקט פֿאַר אַ נאָרמאַל קנעפּל גרופּע געבויט מיט אַנקער קוויטל קנעפּלעך:

  1. <div class = "btn-group" >
  2. <קנעפּל קלאַס = "בטן" > 1 </button>
  3. <קנעפּל קלאַס = "בטן" > 2 </button>
  4. <קנעפּל קלאַס = "בטן" > 3 </button>
  5. </div>

מכשיר-באַר ביישפּיל

קאַמביין שטעלט פון <div class="btn-group">אין אַ <div class="btn-toolbar">פֿאַר מער קאָמפּליצירט קאַמפּאָונאַנץ.

  1. <div class = "btn-toolbar" >
  2. <div class = "btn-group" >
  3. ...
  4. </div>
  5. </div>

טשעקקבאָקס און ראַדיאָ פלייווערז

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

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

דראָפּדאָוונס אין קנעפּל גרופּעס

קאָפּ אַרויף! קנעפּלעך מיט דראָפּדאָוונס מוזן זיין ינדיווידזשואַלי אלנגעוויקלט אין זייער אייגן .btn-groupפֿאַר .btn-toolbarגעהעריק רענדערינג.

קנעפּל דראָפּדאָוונס

איבערבליק און ביישפילן

ניצן קיין קנעפּל צו צינגל אַ דראָפּדאָוון מעניו דורך פּלייסינג עס אין אַ .btn-groupאון צושטעלן די געהעריק מעניו מאַרקאַפּ.

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

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

  1. <div class = "btn-group" >
  2. <a class = "btn dropdown-toggle" data-toggle = "dropdown" href = "#" >
  3. קאַמף
  4. <span class = "קאַרעט" ></span>
  5. </a>
  6. <ul class = "דראָפּדאָוון-מעניו" >
  7. <!-- דראָפּדאָוון מעניו לינקס -->
  8. </ul>
  9. </div>

אַרבעט מיט אַלע קנעפּל סיזעס

קנעפּל דראָפּדאָוונס אַרבעט אין קיין גרייס. דיין קנעפּל סיזעס צו .btn-large, .btn-small, אָדער .btn-mini.

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

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

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


שפּאַלטן קנעפּל דראָפּדאָוונס

איבערבליק און ביישפילן

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

סיזעס

ניצן די עקסטרע קנעפּל קלאסן .btn-mini, .btn-smallאָדער .btn-largeפֿאַר סייזינג.

  1. <div class = "btn-group" >
  2. ...
  3. <ul class = "דראָפּדאָוון-מעניו ציען-רעכט" >
  4. <!-- דראָפּדאָוון מעניו לינקס -->
  5. </ul>
  6. </div>

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

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

  1. <div class = "btn-group" >
  2. <button class = "btn" > קאַמף </button>
  3. <button class = "btn dropdown-toggle" data-toggle = "דראָפּדאָוון" >
  4. <span class = "קאַרעט" ></span>
  5. </button>
  6. <ul class = "דראָפּדאָוון-מעניו" >
  7. <!-- דראָפּדאָוון מעניו לינקס -->
  8. </ul>
  9. </div>

דראָפּופּ מעניוז

דראָפּדאָוון מעניוז קענען אויך זיין טאַגאַלד פֿון די דנאָ אַרויף דורך אַדינג אַ איין קלאַס צו די באַלדיק פאָטער פון .dropdown-menu. עס וועט פליפּ די ריכטונג פון די .caretאון ריפּאַזישאַן די מעניו זיך צו מאַך פֿון די דנאָ אַרויף אַנשטאָט פון שפּיץ אַראָפּ.

  1. <div class = "btn-group dropup" >
  2. <button class = "btn" > דראָפּופּ </button>
  3. <button class = "btn dropdown-toggle" data-toggle = "דראָפּדאָוון" >
  4. <span class = "קאַרעט" ></span>
  5. </button>
  6. <ul class = "דראָפּדאָוון-מעניו" >
  7. <!-- דראָפּדאָוון מעניו לינקס -->
  8. </ul>
  9. </div>

מולטיקאָן בלאַט פּאַדזשאַניישאַן

ווען צו נוצן

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

סטאַטעפול בלאַט לינקס

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

פלעקסאַבאַל אַליינמאַנט

לייג איינער פון צוויי אַפּשאַנאַל קלאסן צו טוישן די אַליינמאַנט פון פּאַדזשאַניישאַן לינקס: .pagination-centeredאון .pagination-right.

ביישפילן

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

מאַרקאַפּ

אלנגעוויקלט אין אַ <div>, פּאַדזשאַניישאַן איז נאָר אַ <ul>.

  1. <דייוו קלאַס = "פּאַגעמענט" >
  2. <ul>
  3. <li><a href = "#" > פריער </a></li>
  4. <לי קלאַס = "אַקטיוו" >
  5. <אַ href = "#" > 1 </a>
  6. </li>
  7. <li > <a href = "#"> 2 </a></li>
  8. <li > <a href = "#"> 3 </a></li>
  9. <li > <a href = "#"> 4 </a></li>
  10. <li><a href = "#" > ווייַטער </a></li>
  11. </ul>
  12. </div>

Pager פֿאַר שנעל פרייַערדיק און ווייַטער לינקס

וועגן פּאַדזשער

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

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

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

פעליקייַט בייַשפּיל

דורך פעליקייַט, די פּאַדזשער סענטערס לינקס.

  1. <ul class = "פּאַדזשער" >
  2. <לי>
  3. <a href = "#" > פֿריִער </a>
  4. </li>
  5. <לי>
  6. <a href = "#" > ווייַטער </a>
  7. </li>
  8. </ul>

אַליינד לינקס

אַלטערנאַטיוועלי, איר קענען ייַנרייען יעדער לינק צו די זייטן:

  1. <ul class = "פּאַדזשער" >
  2. <לי קלאַס = "פרייַערדיק" >
  3. <אַ הרף = "#" > & לערר ; עלטער </a>
  4. </li>
  5. <לי קלאַס = "ווייַטער" >
  6. <a href = "#" > נייַער → </a>
  7. </li>
  8. </ul>
לאַבעלס מאַרקאַפּ
פעליקייַט <span class="label">Default</span>
הצלחה <span class="label label-success">Success</span>
ווארענונג <span class="label label-warning">Warning</span>
וויכטיק <span class="label label-important">Important</span>
אינפֿאָרמאַציע <span class="label label-info">Info</span>
פאַרקערט <span class="label label-inverse">Inverse</span>

וועגן

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

בנימצא קלאסן

נאָמען בייַשפּיל מאַרקאַפּ
פעליקייַט 1 <span class="badge">1</span>
הצלחה 2 <span class="badge badge-success">2</span>
ווארענונג 4 <span class="badge badge-warning">4</span>
וויכטיק 6 <span class="badge badge-important">6</span>
אינפֿאָרמאַציע 8 <span class="badge badge-info">8</span>
פאַרקערט 10 <span class="badge badge-inverse">10</span>

העלד אַפּאַראַט

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

מאַרקאַפּ

ייַנוויקלען דיין אינהאַלט אין אַ divווי אַזוי:

  1. <דייוו קלאַס = "העלד-איינהייט" >
  2. <h1> כעדינג </h1>
  3. <p> טאַגלינע </p>
  4. <p>
  5. < אַ קלאַס = "בטן בטן-ערשטיק בטן-גרויס" >
  6. לערן מער
  7. </a>
  8. </p>
  9. </div>

העלא וועלט!

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

לערן מער

בלאַט כעדער

א פּשוט שאָל פֿאַר אַ h1אַפּראָופּרייטלי אָרט און אָפּשניט סעקשאַנז פון אינהאַלט אויף אַ בלאַט. עס קענען נוצן די h1פעליקייַט small, עלעמענט און רובֿ אנדערע קאַמפּאָונאַנץ (מיט נאָך סטיילז).

  1. <דייוו קלאַס = "בלאַט-כעדער" >
  2. <h1> בייַשפּיל בלאַט כעדער </h1>
  3. </div>

פעליקייַט טהומבנאַילס

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

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

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

  • טאַמנייל פירמע

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

    קאַמף קאַמף

  • טאַמנייל פירמע

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

    קאַמף קאַמף

פארוואס נוצן טהומבנאַילס

טהומבנאַילס (פריער .media-gridביז וו 1.4) זענען גרויס פֿאַר גרידס פון פאָטאָס אָדער ווידיאס, בילד זוך רעזולטאַטן, לאַכאָדימ פּראָדוקטן, פּאָרטפאָוליאָוז און פיל מער. זיי קענען זיין לינקס אָדער סטאַטיק אינהאַלט.

פּשוט, פלעקסאַבאַל מאַרקאַפּ

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

ניצט גריד זייַל סיזעס

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

די מאַרקאַפּ

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

  1. <ul class = "טהומבנאַילס" >
  2. <לי קלאַס = "ספּאַן3" >
  3. < אַ הרף = "#" קלאַס = "טהומבנאַיל" >
  4. <img src = "https://placehold.it/260x180" alt = "" >
  5. </a>
  6. </li>
  7. ...
  8. </ul>

פֿאַר מנהג HTML אינהאַלט אין טהומבנאַילס, די מאַרקאַפּ ענדערונגען אַ ביסל. צו לאָזן בלאָק מדרגה אינהאַלט ערגעץ, מיר ויסבייַטן די <a>פֿאַר אַ <div>ווי אַזוי:

  1. <ul class = "טהומבנאַילס" >
  2. <לי קלאַס = "ספּאַן3" >
  3. <דייוו קלאַס = "טהומבנאַיל" >
  4. <img src = "https://placehold.it/260x180" alt = "" >
  5. <h5> טאַמנייל פירמע </h5>
  6. <p> טאַמנייל קעפּל דאָ ... </p>
  7. </div>
  8. </li>
  9. ...
  10. </ul>

מער ביישפילן

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

לייטווייט דיפאָלץ

ריריטאַן באַזע קלאַס

מיט Bootstrap 2, מיר האָבן סימפּלאַפייד די באַזע קלאַס: .alertאַנשטאָט פון .alert-message. מיר האָבן אויך רידוסט די מינימום פארלאנגט מאַרקאַפּ - ניט <p>איז פארלאנגט דורך פעליקייַט, נאָר די ויסווייניקסט <div>.

איין פלינק אָנזאָג

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


גייט גרויס מיט דזשאַוואַסקריפּט

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

באַקומען די פּלוגין »

בייַשפּיל אַלערץ

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

ווארענונג! בעסטער טשעק יאָ זיך, איר ניטאָ קוקן צו גוט.
  1. <דייוו קלאַס = "פלינק" >
  2. <קנעפּל קלאַס = "נאָענט" data-dismiss = "פלינק" > × </button>
  3. <strong> ווארענונג! </strong> בעסטער טשעק איר זיך, איר ניטאָ קוקן צו גוט.
  4. </div>

קאָפּ אַרויף! יאָס דעוויסעס דאַרפן אַ href="#"פֿאַר די דיסמיסאַל פון אַלערץ. זייט זיכער צו אַרייַננעמען עס און די דאַטן אַטריביוט פֿאַר אַנקער נאָענט ייקאַנז. אַלטערנאַטיוועלי, איר קענט נוצן אַ <button>עלעמענט מיט די דאַטן אַטריביוט, וואָס מיר האָבן אַפּטיד צו טאָן פֿאַר אונדזער דאָקומענטן. ווען איר נוצן <button>, איר מוזן אַרייַננעמען type="button"אָדער דיין פארמען קען נישט פאָרלייגן.

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

ווארענונג!

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

  1. <דייוו קלאַס = "פלינק פלינק-בלאָק" >
  2. <אַ קלאַס = "נאָענט " data-dismiss = " alert" href = "#" > × </a>
  3. <h4 class = "alert-heading" > ווארענונג! </h4>
  4. בעסטער טשעק זיך, איר ניטאָ ...
  5. </div>

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

טעות אָדער געפאַר

אוי קנעפל! טוישן אַ ביסל זאכן און פּרובירן צו פאָרלייגן ווידער.
  1. <דייוו קלאַס = "פלינק פלינק-טעות" >
  2. ...
  3. </div>

הצלחה

גוט געטאן! איר האָט הצלחה לייענען דעם וויכטיק פלינק אָנזאָג.
  1. <דייוו קלאַס = "פלינק פלינק-הצלחה" >
  2. ...
  3. </div>

אינפֿאָרמאַציע

קאָפּ אַרויף! דעם פלינק דאַרף דיין ופמערקזאַמקייַט, אָבער עס איז נישט סופּער וויכטיק.
  1. <דייוו קלאַס = "פלינק פלינק-אינפֿאָרמאַציע" >
  2. ...
  3. </div>

ביישפילן און מאַרקאַפּ

באַסיק

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

  1. <div class = "פּראָגרעס" >
  2. <דייוו קלאַס = "באַר"
  3. style = " ברייט : 60 %; " ></div>
  4. </div>

סטרייפּט

ניצט אַ גראַדיענט צו שאַפֿן אַ סטרייפּט ווירקונג (קיין הייסט).

  1. <div class = "פּראָגרעס-סטרייפּט פּראָגרעס" >
  2. <דייוו קלאַס = "באַר"
  3. style = " ברייט : 20 %; " ></div>
  4. </div>

אַנימאַטעד

נעמט די סטרייפּט בייַשפּיל און אַנאַמייץ עס (קיין הייסט).

  1. <div class = "פּראָגרעס-סטרייפּט פּראָגרעס
  2. אַקטיוו" >
  3. <דייוו קלאַס = "באַר"
  4. style = " ברייט : 40 %; " ></div>
  5. </div>

אָפּציעס און בלעטערער שטיצן

נאָך פארבן

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

סטרייפּט באַרס

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

נאַטור

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

אויב איר נוצן די .activeקלאַס, דיין .progress-stripedפּראָגרעס באַרס וועט ופלעבן די סטריפּס פון לינקס צו רעכט.

בלעטערער שטיצן

פּראָגרעס באַרס נוצן CSS3 גראַדיענץ, טראַנזישאַנז און אַנאַמיישאַנז צו דערגרייכן אַלע זייער יפעקץ. די פֿעיִקייטן זענען נישט געשטיצט אין IE7-9 אָדער עלטערע ווערסיעס פון Firefox.

אָפּעראַ און IE טאָן ניט שטיצן אַנאַמיישאַנז אין דעם צייט.

וועלז

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

זע, איך בין אין אַ ברונעם!
  1. <דייוו קלאַס = "געזונט" >
  2. ...
  3. </div>

נאָענט בילדל

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

  1. <קנעפּל קלאַס = "נאָענט" > & מאל; </button>

יאָס דעוויסעס דאַרפן אַן הרף = "#" פֿאַר קליק געשעענישן אויב איר אלא נוצן אַן אַנקער.

  1. <אַ קלאַס = "נאָענט" href = "#" > & מאל; </a>