אראפקאפיע

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

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

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

אראפקאפיע Bootstrap

מקור קאָד

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

אראפקאפיע מקור

סאַס

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

אָפּלאָדירן Sass

jsDelivr

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

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

ינסטאַלירן מיט Bower

איר קענען אויך ינסטאַלירן און פירן Bootstrap ס ווייניקער, CSS, דזשאַוואַסקריפּט און פאַנץ ניצן Bower :

bower install bootstrap

ינסטאַלירן מיט npm

איר קענען אויך ינסטאַלירן Bootstrap ניצן npm :

npm install bootstrap@3

require('bootstrap')וועט לאָדן אַלע Bootstrap ס jQuery פּלוגינס אויף די jQuery כייפעץ. דער bootstrapמאָדולע זיך טוט נישט אַרויספירן עפּעס. איר קענען מאַניואַלי לאָדן Bootstrap ס jQuery פּלוגינס ינדיווידזשואַלי דורך לאָודינג די /js/*.jsטעקעס אונטער די פּעקל ס שפּיץ-מדרגה וועגווייַזער.

Bootstrap's package.jsonכּולל עטלעכע נאָך מעטאַדאַטאַ אונטער די פאלגענדע שליסלען:

  • less- דרך צו באָאָטסטראַפּ ס הויפּט ווייניקער מקור טעקע
  • style- דרך צו די ניט-מינאַפייד CSS פון Bootstrap וואָס איז געווען פּריקאָמפּיילד מיט די פעליקייַט סעטטינגס (קיין קוסטאָמיזאַטיאָן)

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

איר קענען אויך ינסטאַלירן און פירן Bootstrap ס ווייניקער, CSS, דזשאַוואַסקריפּט און פאַנץ ניצן קאַמפּאָוזער :

composer require twbs/bootstrap

אַוטאָפּרעפיקסער פארלאנגט פֿאַר ווייניקער / סאַס

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

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

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

jQuery פארלאנגט

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

פּרעקאָמפּילעד באָאָצטראַפּ

אַמאָל דאַונלאָודיד, אַנזיפּ די קאַמפּרעסט טעקע צו זען די סטרוקטור פון (די קאַמפּיילד) Bootstrap. איר וועט זען עפּעס ווי דאָס:

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

דאָס איז די מערסט יקערדיק פאָרעם פון Bootstrap: פּריקאָמפּיילד טעקעס פֿאַר שנעל קאַפּ-אין נוצן אין כּמעט קיין וועב פּרויעקט. מיר צושטעלן קאַמפּיילד CSS און JS ( bootstrap.*), ווי געזונט ווי קאַמפּיילד און מיניפיעד CSS און JS ( bootstrap.min.*). CSS מקור מאַפּס ( bootstrap.*.map) זענען בנימצא פֿאַר נוצן מיט זיכער בראַוזערז 'דעוועלאָפּער מכשירים. פאַנץ פון Glyphicons זענען אַרייַנגערעכנט, ווי איז די אַפּשאַנאַל באָאָטסטראַפּ טעמע.

באָאָטסטראַפּ מקור קאָד

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

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

די less/, js/, און fonts/זענען די מקור קאָד פֿאַר אונדזער CSS, JS און ייקאַן פאַנץ (ריספּעקטיוולי). דער dist/טעקע כולל אַלץ ליסטעד אין די פּרעקאָמפּיילד אראפקאפיע אָפּטיילונג אויבן. דער docs/טעקע ינקלודז די מקור קאָד פֿאַר אונדזער דאַקיומענטיישאַן און examples/באָאָטסטראַפּ באַניץ. חוץ דעם, קיין אנדערע אַרייַנגערעכנט טעקע גיט שטיצן פֿאַר פּאַקאַדזשאַז, דערלויבעניש אינפֿאָרמאַציע און אַנטוויקלונג.

קאַמפּיילינג CSS און דזשאַוואַסקריפּט

Bootstrap ניצט Grunt פֿאַר זיין בויען סיסטעם, מיט באַקוועם מעטהאָדס פֿאַר ארבעטן מיט די פריימווערק. דאָס איז ווי מיר צונויפנעמען אונדזער קאָד, לויפן טעסץ און מער.

ינסטאַלירן גרונט

צו ינסטאַלירן Grunt, איר מוזן ערשטער אראפקאפיע און ינסטאַלירן node.js (וואָס כולל npm). npm שטייט פֿאַר נאָדע פּאַקידזשד מאַדזשולז און איז אַ וועג צו פירן אַנטוויקלונג דיפּענדאַנסיז דורך node.js.

דערנאָך, פֿון די באַפֿעלן שורה:
  1. ינסטאַלירן grunt-cliגלאָובאַלי מיט npm install -g grunt-cli.
  2. נאַוויגירן צו דער וואָרצל /bootstrap/וועגווייַזער, און לויפן npm install. npm וועט קוקן אין דער package.jsonטעקע און אויטאָמאַטיש ינסטאַלירן די נייטיק היגע דיפּענדאַנסיז ליסטעד דאָרט.

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

בנימצא גרונט קאַמאַנדז

grunt dist(נאָר צונויפנעמען CSS און דזשאַוואַסקריפּט)

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

grunt watch(היטן)

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

grunt test(לויפן טעסץ)

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

grunt docs(בויען און פּרובירן די דאָקומענטן אַסעץ)

בויען און טעסץ CSS, דזשאַוואַסקריפּט און אנדערע אַסעץ וואָס זענען געניצט ווען פליסנדיק די דאַקיומענטיישאַן לאָוקאַלי דורך bundle exec jekyll serve.

grunt(בויען לעגאַמרע אַלץ און לויפן טעסץ)

קאַמפּיילז און מינאַפייז CSS און דזשאַוואַסקריפּט, בויען די דאַקיומענטיישאַן וועבזייטל, ראַנז די HTML5 וואַלידאַטאָר קעגן די דאָקומענטן, רידזשענערייץ די קוסטאָמיזער אַסעץ, און מער. ריקווייערז Jekyll . יוזשאַוואַלי נאָר נייטיק אויב איר כאַקינג אויף Bootstrap זיך.

טראָובלעשאָאָטינג

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

יקערדיק מוסטער

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

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

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
  </body>
</html>

ביישפילן

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

באַקומען די מקור קאָד פֿאַר יעדער ביישפּיל אונטן דורך דאַונלאָודינג די Bootstrap ריפּאַזאַטאָרי . ביישפילן קענען זיין געפֿונען אין די docs/examples/Directory.

ניצן די פריימווערק

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

סטאַרטער מוסטער

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

באָאָטסטראַפּ טעמע בייַשפּיל

באָאָטסטראַפּ טעמע

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

ביישפּיל פון קייפל גרידס

גרידס

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

Jumbotron בייַשפּיל

דזשאַמבאָטראָן

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

שמאָל דזשאַמבאָטראָן בייַשפּיל

שמאָל דזשאַמבאָטראָן

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

נאַוובאַרס אין קאַמף

נאַוובאַר בייַשפּיל

נאַוובאַר

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

סטאַטיק שפּיץ נאַוובאַר בייַשפּיל

סטאַטיק שפּיץ נאַוויגאַציע

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

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

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

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

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

א איין-בלאַט מוסטער בייַשפּיל

דעקן

א איין-בלאַט מוסטער פֿאַר בנין פּשוט און שיין היים בלעטער.

קעראַסעל בייַשפּיל

קעראַסעל

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

בלאָג אויסלייג בייַשפּיל

בלאָג

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

בייַשפּיל פון דאַשבאָרד

דאַשבאָרד

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

צייכן-אין בלאַט בייַשפּיל

צייכן אין בלאַט

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

גערעכט ביישפּיל

גערעכט נאַוו

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

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

קלעפּיק פוטער

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

קלעפּיק פוטער מיט נאַוובאַר בייַשפּיל

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

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

יקספּעראַמאַנץ

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

ניט-אָפּרופיק באָאָטסטראַפּ

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

ביישפּיל פון נאַוויגאַציע פון ​​לייַוונט

אַוועק-לייַוונט

בויען אַ טאַגאַלאַבאַל אַוועק-לייַוונט נאַוויגאַציע מעניו פֿאַר נוצן מיט Bootstrap.

מכשירים

באָטלינט

Bootlint איז דער באַאַמטער Bootstrap HTML לינטער געצייַג. עס אויטאָמאַטיש טשעק פֿאַר עטלעכע פּראָסט HTML מיסטייקס אין וועבפּאַגעס וואָס נוצן Bootstrap אין אַ פערלי "וואַניל" וועג. די קאַמפּאָונאַנץ / ווידזשיץ פון Vanilla Bootstrap דאַרפן זייער פּאַרץ פון די DOM צו קאַנפאָרם צו זיכער סטראַקטשערז. באָאָטלינט טשעקס אַז ינסטאַנסיז פון באָאָטסטראַפּ קאַמפּאָונאַנץ האָבן ריכטיק סטראַקטשערד HTML. באַטראַכטן צו לייגן Bootlint צו דיין Bootstrap וועב אַנטוויקלונג מכשירים אַזוי אַז קיין פון די פּראָסט מיסטייקס פּאַמעלעך די אַנטוויקלונג פון דיין פּרויעקט.

קהילה

בלייבן דערהייַנטיקט אויף דער אַנטוויקלונג פון Bootstrap און דערגרייכן די קהל מיט די נוציק רעסורסן.

  • לייענען און אַבאָנירן צו דער באַאַמטער באָאָטסטראַפּ בלאָג .
  • שמועסן מיט יונגערמאַן באָאָטסטראַפּפּערס ניצן IRC אין די irc.freenode.netסערווער, אין די ##באָאָטסטראַפּ קאַנאַל .
  • פֿאַר הילף ניצן Bootstrap, פרעגן אויף StackOverflow ניצן די קוויטלtwitter-bootstrap-3 .
  • דעוועלאָפּערס זאָל נוצן די קיווערד bootstrapאויף פּאַקאַדזשאַז וואָס מאָדיפיצירן אָדער לייגן צו די פאַנגקשאַנאַליטי פון Bootstrap ווען דיסטריביוטינג דורך npm אָדער ענלעך עקספּרעס מעקאַניזאַמז פֿאַר מאַקסימום דיסקאַווערד.
  • געפֿינען ינספּייערינג ביישפילן פון מענטשן וואָס בויען מיט Bootstrap אין די Bootstrap Expo .

איר קענט אויך נאָכפאָלגן @getbootstrap אויף טוויטטער פֿאַר די לעצטע יענטע און אָסאַם מוזיק ווידיאס.

דיסייבלינג ריספּאַנסיוונאַס

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

סטעפּס צו דיסייבאַל בלאַט ריספּאַנסיוונאַס

  1. ויסמעקן די וויופּאָרט <meta>דערמאנט אין די CSS דאָקומענטן
  2. אָווועררייד די widthפֿאַר .containerיעדער גריד ריי מיט אַ איין ברייט, פֿאַר בייַשפּיל width: 970px !important;זייט זיכער אַז דאָס קומט נאָך די פעליקייַט באָאָצטראַפּ קסס. איר קענען אָפּטיאָנאַללי ויסמיידן די !importantמיט מידיאַ קוויריז אָדער עטלעכע סעלעקטאָר-פו.
  3. אויב איר נוצן נאַוובאַרס, אַראָפּנעמען אַלע קאַלאַפּסינג און יקספּאַנדינג נאַטור פון נאַוובאַר.
  4. פֿאַר גריד לייאַוץ, נוצן .col-xs-*קלאסן אין אַדישאַן צו אָדער אין פּלאַץ פון די מיטל / גרויס. צי ניט זאָרג, די עקסטרע-קליין מיטל גריד וואָג צו אַלע רעזאַלושאַנז.

איר וועט נאָך דאַרפֿן Respond.js פֿאַר IE8 (זינט אונדזער מידיאַ קוויריז זענען נאָך דאָרט און דאַרפֿן צו זיין פּראַסעסט). דאָס דיסייבאַלז די "רירעוודיק פּלאַץ" אַספּעקץ פון באָאָטסטראַפּ.

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

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

זען ניט-אָפּרופיק בייַשפּיל

מיגרייטינג פון וו2.קס צו וו3.קס

איר זוכט צו מייגרייט פון אַן עלטערע ווערסיע פון ​​Bootstrap צו v3.x? קוק אין אונדזער מייגריישאַן פירער .

שטיצן פֿאַר בלעטערער און מיטל

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

שטיצט בראַוזערז

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

אַלטערנאַטיווע בראַוזערז וואָס נוצן די לעצטע ווערסיע פון ​​​​WebKit, Blink אָדער Gecko, צי גלייך אָדער דורך די וועב View API פון דער פּלאַטפאָרמע, זענען נישט בפירוש געשטיצט. אָבער, Bootstrap זאָל (אין רובֿ פאלן) אַרויסווייַזן און פונקציאָנירן ריכטיק אין די בראַוזערז אויך. מער ספּעציפיש שטיצן אינפֿאָרמאַציע איז צוגעשטעלט אונטן.

רירעוודיק דעוויסעס

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

קראָום פירעפאָקס סאַפאַרי
אַנדרויד געשטיצט געשטיצט N/A
יאָס געשטיצט געשטיצט געשטיצט

דעסקטאָפּ בראַוזערז

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

קראָום פירעפאָקס Internet Explorer אָפּעראַ סאַפאַרי
מעק געשטיצט געשטיצט N/A געשטיצט געשטיצט
Windows געשטיצט געשטיצט געשטיצט געשטיצט ניט געשטיצט

אויף Windows, מיר שטיצן Internet Explorer 8-11 .

פֿאַר Firefox, אין אַדישאַן צו די לעצטע נאָרמאַל סטאַביל מעלדונג, מיר אויך שטיצן די לעצטע עקסטענדעד סופּפּאָרט ריליס (ESR) ווערסיע פון ​​Firefox.

אַנאַפישאַלי, Bootstrap זאָל קוקן און ביכייוו געזונט גענוג אין Chromium און Chrome פֿאַר לינוקס, פירעפאָקס פֿאַר לינוקס און Internet Explorer 7, ווי געזונט ווי Microsoft Edge, כאָטש זיי זענען נישט אַפישאַלי געשטיצט.

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

Internet Explorer 8 און 9

Internet Explorer 8 און 9 זענען אויך געשטיצט, אָבער, ביטע זיין אַווער אַז עטלעכע CSS3 פּראָפּערטיעס און HTML5 עלעמענטן זענען נישט גאָר געשטיצט דורך די בראַוזערז. אין אַדישאַן, Internet Explorer 8 ריקווייערז די נוצן פון Respond.js צו געבן מעדיע אָנפֿרעג שטיצן.

שטריך Internet Explorer 8 Internet Explorer 9
border-radius ניט געשטיצט געשטיצט
box-shadow ניט געשטיצט געשטיצט
transform ניט געשטיצט געשטיצט, מיט -msפּרעפיקס
transition ניט געשטיצט
placeholder ניט געשטיצט

באַזוכן קענען איך נוצן ... פֿאַר דעטאַילס וועגן בלעטערער שטיצן פון CSS3 און HTML5 פֿעיִקייטן.

Internet Explorer 8 און Respond.js

היט אייך פון די פאלגענדע קייוויאַץ ווען איר נוצן Respond.js אין דיין אַנטוויקלונג און פּראָדוקציע ינווייראַנמאַנץ פֿאַר Internet Explorer 8.

Respond.js און קרייַז-דומיין CSS

ניצן Respond.js מיט CSS כאָוסטיד אויף אַ אַנדערש (סאַב) פעלד (למשל, אויף אַ CDN) ריקווייערז עטלעכע נאָך סעטאַפּ. זען די Respond.js דאָקומענטן פֿאַר דעטאַילס.

רעספּאָנד.דזשס אוןfile://

רעכט צו בלעטערער זיכערהייט כּללים, Respond.js טוט נישט אַרבעטן מיט בלעטער וויוד דורך דעם file://פּראָטאָקאָל (ווי ווען עפן אַ היגע HTML טעקע). צו פּרובירן אָפּרופיק פֿעיִקייטן אין IE8, קוק דיין בלעטער איבער HTTP(S). זען די Respond.js דאָקומענטן פֿאַר דעטאַילס.

רעספּאָנד.דזשס און@import

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

Internet Explorer 8 און קעסטל-סייזינג

IE8 שטיצט נישט גאָר box-sizing: border-box;ווען קאַמביינד מיט min-width, max-width, min-height, אָדער max-height. פֿאַר דעם סיבה, ווי פון וו3.0.1, מיר ניט מער נוצן max-widthאויף .containers.

Internet Explorer 8 און @font-face

IE8 האט עטלעכע ישוז @font-faceווען קאַמביינד מיט :before. Bootstrap ניצט די קאָמבינאַציע מיט זיין גליפיקאָנס. אויב אַ בלאַט איז קאַשט, און לאָודיד אָן די מויז איבער די פֿענצטער (ד"ה שלאָגן די דערפרישן קנעפּל אָדער לאָדן עפּעס אין אַ יפאַמע) דעמאָלט דער בלאַט געץ רענדערד איידער די שריפֿט לאָודז. כאַווערינג איבער די בלאַט (גוף) וועט ווייַזן עטלעכע פון ​​​​די ייקאַנז און כאַווערינג איבער די רוען ייקאַנז וועט אויך ווייַזן די. זען אַרויסגעבן #13863 פֿאַר פרטים.

IE קאַמפּאַטאַבילאַטי מאָדעס

באָאָטסטראַפּ איז נישט געשטיצט אין די אַלט Internet Explorer קאַמפּאַטאַבילאַטי מאָדעס. צו זיין זיכער אַז איר נוצן די לעצטע רענדערינג מאָדע פֿאַר IE, באַטראַכטן אַרייַנגערעכנט די צונעמען <meta>קוויטל אין דיין בלעטער:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

באַשטעטיקן דעם דאָקומענט מאָדע דורך עפן די דיבאַגינג מכשירים: דריקן F12און קאָנטראָלירן די "דאָקומענט מאָדע".

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

זען דעם StackOverflow קשיא פֿאַר מער אינפֿאָרמאַציע.

Internet Explorer 10 אין Windows 8 און Windows Phone 8

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

@-ms-viewport       { width: device-width; }

אָבער, דאָס קען נישט אַרבעטן פֿאַר דעוויסעס וואָס לויפן Windows Phone 8 ווערסיעס עלטער ווי דערהייַנטיקן 3 (אַקאַ GDR3) , ווייַל אַזאַ דעוויסעס ווייַזן אַ מערסטנס דעסקטאַפּ מיינונג אַנשטאָט פון שמאָל "טעלעפאָן" מיינונג. צו אַדרעס דעם, איר דאַרפֿן צו אַרייַננעמען די פאלגענדע CSS און דזשאַוואַסקריפּט צו אַרבעטן אַרום דעם זשוק .

@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
// Copyright 2014-2019 Twitter, Inc.
// Licensed under MIT (https://github.com/twbs/bootstrap/blob/v3-dev/LICENSE)
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
  var msViewportStyle = document.createElement('style')
  msViewportStyle.appendChild(
    document.createTextNode(
      '@-ms-viewport{width:auto!important}'
    )
  )
  document.querySelector('head').appendChild(msViewportStyle)
}

פֿאַר מער אינפֿאָרמאַציע און באַניץ גיידליינז, לייענען Windows Phone 8 און דיווייס-ברייט .

ווי אַ קאָפּ אַרויף, מיר אַרייַננעמען דעם אין אַלע פון ​​Bootstrap ס דאַקיומענטיישאַן און ביישפילן ווי אַ דעמאַנסטריישאַן.

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

די רענדערינג מאָטאָר פון ווערסיעס פון סאַפאַרי פריערדיק צו וו7.1 פֿאַר אַס רענטגענ און סאַפאַרי פֿאַר יאָס וו8.0 האט עטלעכע קאָנפליקט מיט די נומער פון דעצימאַל ערטער געניצט אין אונדזער .col-*-1גריד קלאסן. אַזוי אויב איר האָט 12 יחיד גריד שפאלטן, איר וואָלט באַמערקן אַז זיי זענען קורץ קאַמפּערד מיט אנדערע ראָוז פון שפאלטן. חוץ אַפּגריידינג Safari / יאָס, איר האָבן עטלעכע אָפּציעס פֿאַר וואָרקאַראָונדס:

  • לייג .pull-rightצו דיין לעצטע גריד זייַל צו באַקומען די שווער-רעכט אַליינמאַנט
  • טוויק דיין פּערסענטידזשיז מאַניואַלי צו באַקומען די שליימעסדיק ראַונדינג פֿאַר Safari (מער שווער ווי דער ערשטער אָפּציע)

מאָדאַלס, נאַוובאַרס און ווירטואַל קיבאָרדז

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

שטיצן פֿאַר overflow: hiddenדי <body>עלעמענט איז גאַנץ לימיטעד אין יאָס און אַנדרויד. צו דעם סוף, ווען איר מעגילע פאַרגאַנגענהייט די שפּיץ אָדער דנאָ פון אַ מאָדאַל אין איינער פון די בראַוזערז פון די דעוויסעס, דער <body>אינהאַלט וועט אָנהייבן צו מעגילע. זען קראָום זשוק #175502 (פאַרפעסטיקט אין קראָום וו40) און וועבקיט זשוק #153852 .

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

זינט יאָס 9.3, בשעת אַ מאָדאַל איז אָפן, אויב דער ערשט פאַרבינדן פון אַ מעגילע האַווייַע איז ין דער גרענעץ פון אַ טעקסט <input>אָדער אַ <textarea>, די <body>אינהאַלט אונטער די מאָדאַל וועט זיין סקראָלאַלד אַנשטאָט פון די מאָדאַל זיך. זען וועבקיט זשוק #153856 .

ווירטואַל קיבאָרדז

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

דער .dropdown-backdropעלעמענט איז נישט געניצט אויף יאָס אין די נאַוו ווייַל פון די קאַמפּלעקסיטי פון ז-ינדעקסינג. אַזוי, צו פאַרמאַכן דראָפּדאָוונס אין נאַוובאַרס, איר מוזן גלייך גיט די דראָפּדאָוון עלעמענט (אָדער קיין אנדערע עלעמענט וואָס וועט פייערן אַ קליק געשעעניש אין יאָס ).

בלעטער זומינג

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

קלעפּיק :hover/ :focusאויף רירעוודיק

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

דרוק

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

אין באַזונדער, ווי פון Chrome v32 און ראַגאַרדלאַס פון גרענעץ סעטטינגס, Chrome ניצט אַ וויופּאָרט ברייט באטייטיק נעראָוער ווי די גשמיות פּאַפּיר גרייס ווען ריזאַלווינג מידיאַ קוויריז בשעת דרוקן אַ וועב בלאַט. דאָס קען רעזולטאַט אין די עקסטרע-קליין גריד פון Bootstrap איז אַניקספּעקטיד אַקטיווייטיד ווען דרוקן. זען אַרויסגעבן #12078 און קראָום זשוק #273306 פֿאַר עטלעכע דעטאַילס. פארגעלייגט וואָרקאַראָונדס:

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

אויך, ווי פון Safari v8.0, פאַרפעסטיקט-ברייט .containerס קענען אָנמאַכן סאַפאַרי צו נוצן אַ אַניוזשואַלי קליין שריפֿט גרייס ווען דרוקן. זען #14868 און WebKit זשוק #138192 פֿאַר מער דעטאַילס. איין פּאָטענציעל וואָרקאַראָונד פֿאַר דעם איז אַדינג די פאלגענדע CSS:

@media print {
  .container {
    width: auto;
  }
}

אַנדרויד לאַגער בלעטערער

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

אויסקלייַבן מעניוז

אויף <select>עלעמענטן, דער אַנדרויד לאַגער בלעטערער וועט נישט ווייַזן די זייַט קאָנטראָלס אויב עס איז אַ border-radiusאון / אָדער borderגעווענדט. (זען דעם StackOverflow קשיא פֿאַר דעטאַילס.) ניצן די סניפּאַט פון קאָד אונטן צו באַזייַטיקן די אַפענדינג CSS און מאַכן דעם <select>ווי אַן אַנסטיילד עלעמענט אין די אַנדרויד לאַגער בלעטערער. דער באַניצער אַגענט סניפינג אַוווידז ינטערפיראַנס מיט קראָום, סאַפאַרי און מאָזיללאַ בראַוזערז.

<script>
$(function () {
  var nua = navigator.userAgent
  var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1)
  if (isAndroid) {
    $('select.form-control').removeClass('form-control').css('width', '100%')
  }
})
</script>

ווילן צו זען אַ בייַשפּיל? טשעק דעם JS Bin דעמאָ.

וואַלידאַטאָרס

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

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

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

דריט טיילווייַז שטיצן

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

קעסטל-סייזינג

עטלעכע דריט-פּאַרטיי ווייכווארג, אַרייַנגערעכנט Google מאַפּס און Google מנהג זוך ענגינע, קאָנפליקט מיט Bootstrap רעכט צו * { box-sizing: border-box; }, אַ הערשן וואָס מאכט עס אַזוי paddingטוט נישט ווירקן די לעצט קאַמפּיוטאַד ברייט פון אַן עלעמענט. לערן מער וועגן קעסטל מאָדעל און סייזינג ביי CSS טריקס .

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

/* Box-sizing resets
 *
 * Reset individual elements or override regions to avoid conflicts due to
 * global box model settings of Bootstrap. Two options, individual overrides and
 * region resets, are available as plain CSS and uncompiled Less formats.
 */

/* Option 1A: Override a single element's box model via CSS */
.element {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

/* Option 1B: Override a single element's box model by using a Bootstrap Less mixin */
.element {
  .box-sizing(content-box);
}

/* Option 2A: Reset an entire region via CSS */
.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

/* Option 2B: Reset an entire region with a custom Less mixin */
.reset-box-sizing {
  &,
  *,
  *:before,
  *:after {
    .box-sizing(content-box);
  }
}
.element {
  .reset-box-sizing();
}

אַקסעסאַביליטי

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

האָפּקען נאַוויגאַציע

אויב דיין נאַוויגאַציע כּולל פילע פֿאַרבינדונגען און קומט איידער די הויפּט אינהאַלט אין די DOM, לייגן אַ Skip to main contentלינק איידער די נאַוויגאַציע (פֿאַר אַ פּשוט דערקלערונג, זען דעם A11Y פּראָיעקט אַרטיקל אויף האָפּקען נאַוויגאַציע לינקס ). ניצן די .sr-onlyקלאַס וועט וויזשוואַלי באַהאַלטן די האָפּקען לינק, און דער .sr-only-focusableקלאַס וועט ענשור אַז דער לינק ווערט קענטיק אַמאָל פאָוקיסט (פֿאַר סייטאַד קלאַוויאַטור יוזערז).

<body>
  <a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
  ...
  <div class="container" id="content" tabindex="-1">
    <!-- The main page content -->
  </div>
</body>

נעסטעד כעדינגז

ווען נעסטינג כעדינגז ( <h1>- <h6>), דיין ערשטיק דאָקומענט כעדער זאָל זיין אַן <h1>. סאַבסאַקוואַנט כעדינגז זאָל מאַכן לאַדזשיקאַל נוצן <h2>- <h6>אַזוי אַז פאַרשטעלן לייענער קענען בויען אַ אינהאַלט אינהאַלט פֿאַר דיין בלעטער.

לערן מער אין HTML CodeSniffer און Penn State's AccessAbility .

קאָליר קאַנטראַסט

דערווייַל, עטלעכע פון ​​​​די פעליקייַט קאָליר קאַמבאַניישאַנז בנימצא אין Bootstrap (אַזאַ ווי די פאַרשידן סטיילד קנעפּל קלאסן, עטלעכע פון ​​​​די קאָד כיילייטינג פארבן געניצט פֿאַר יקערדיק קאָד בלאַקס , די .bg-primary קאָנטעקסטואַל הינטערגרונט העלפּער קלאַס און די פעליקייַט לינק קאָליר ווען געוויינט אויף אַ ווייַס הינטערגרונט) האָבן אַ נידעריק קאַנטראַסט פאַרהעלטעניש (ונטער די רעקאַמענדיד פאַרהעלטעניש פון 4.5: 1 ). דאָס קען פאַרשאַפן פּראָבלעמס פֿאַר ניצערס מיט נידעריק זעאונג אָדער וואָס זענען קאָליר בלינד. די פעליקייַט פארבן קען זיין מאַדאַפייד צו פאַרגרעסערן זייער קאַנטראַסט און לעדזשאַביליטי.

נאָך רעסורסן

ליסענסע FAQ

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

עס ריקווייערז איר צו:

  • האַלטן די דערלויבעניש און קאַפּירייט באַמערקן אַרייַנגערעכנט אין Bootstrap ס CSS און דזשאַוואַסקריפּט טעקעס ווען איר נוצן זיי אין דיין ווערק

עס אַלאַוז איר צו:

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

עס פאַרבאָט איר צו:

  • האַלטן די מחברים און דערלויבעניש אָונערז פאַראַנטוואָרטלעך פֿאַר דאַמידזשיז ווייַל באָאָטסטראַפּ איז צוגעשטעלט אָן וואָראַנטי
  • האַלטן די קריייטערז אָדער קאַפּירייט האָלדערס פון Bootstrap פאַראַנטוואָרטלעך
  • רידיסטריביוט קיין שטיק פון באָאָצטראַפּ אָן געהעריק אַטריביושאַן
  • ניצן קיין מאַרקס אָונד דורך טוויטטער אין קיין וועג וואָס קען זאָגן אָדער ימפּלייז אַז טוויטטער ענדאָרסיז דיין פאַרשפּרייטונג
  • ניצן קיין מאַרקס אָונד דורך טוויטטער אין קיין וועג וואָס קען זאָגן אָדער ימפּלייז אַז איר האָט באשאפן די Twitter ווייכווארג אין קשיא

עס טוט נישט דאַרפן איר צו:

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

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

איבערזעצונגען

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

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

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