डाउनलोड करा

बूटस्ट्रॅप (सध्या v3.3.7) मध्ये त्वरीत प्रारंभ करण्याचे काही सोपे मार्ग आहेत, प्रत्येक एक भिन्न कौशल्य स्तर आणि वापर केसला आकर्षित करतो. तुमच्या विशिष्ट गरजा काय आहेत हे पाहण्यासाठी वाचा.

बूटस्ट्रॅप CDN

jsDelivr वरील लोक दयाळूपणे बूटस्ट्रॅपच्या CSS आणि JavaScript साठी CDN समर्थन प्रदान करतात. फक्त या बूटस्ट्रॅप सीडीएन लिंक्स वापरा.

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

<!-- Optional theme -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

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

Bower सह स्थापित करा

तुम्ही Bower वापरून Bootstrap's Less, CSS, JavaScript आणि फॉन्ट्स देखील स्थापित आणि व्यवस्थापित करू शकता :

$ bower install bootstrap

npm सह स्थापित करा

तुम्ही npm वापरून बूटस्ट्रॅप देखील स्थापित करू शकता :

$ npm install bootstrap@3

require('bootstrap')बूटस्ट्रॅपचे सर्व jQuery प्लगइन jQuery ऑब्जेक्टवर लोड करेल. bootstrapमॉड्यूल स्वतः काहीही निर्यात करत नाही . /js/*.jsपॅकेजच्या उच्च-स्तरीय निर्देशिकेखाली फाइल लोड करून तुम्ही बूटस्ट्रॅपचे jQuery प्लगइन व्यक्तिचलितपणे लोड करू शकता .

बूटस्ट्रॅपमध्ये package.jsonखालील की अंतर्गत काही अतिरिक्त मेटाडेटा आहे:

• less- बूटस्ट्रॅपच्या मुख्य कमी स्त्रोत फाइलचा मार्ग
• style- बूटस्ट्रॅपच्या नॉन-मिनिफाइड सीएसएसचा मार्ग जो डीफॉल्ट सेटिंग्ज वापरून पूर्वसंकलित केला गेला आहे (कोणतेही कस्टमायझेशन नाही)

संगीतकार सह स्थापित करा

तुम्ही Composer वापरून Bootstrap's Less, CSS, JavaScript आणि फॉन्ट स्थापित आणि व्यवस्थापित देखील करू शकता :

$ composer require twbs/bootstrap

कमी/Sass साठी ऑटोप्रीफिक्सर आवश्यक आहे

CSS विक्रेता उपसर्ग हाताळण्यासाठी बूटस्ट्रॅप Autoprefixer वापरते . जर तुम्ही बूटस्ट्रॅप त्याच्या Less/Sass स्त्रोतावरून संकलित करत असाल आणि आमची Gruntfile वापरत नसाल, तर तुम्हाला तुमच्या बिल्ड प्रक्रियेमध्ये Autoprefixer समाकलित करणे आवश्यक आहे. जर तुम्ही प्रीकंपाइल केलेले बूटस्ट्रॅप वापरत असाल किंवा आमची ग्रंटफाइल वापरत असाल, तर तुम्हाला याची काळजी करण्याची गरज नाही कारण ऑटोप्रीफिक्सर आमच्या ग्रंटफाइलमध्ये आधीच समाकलित केलेले आहे.

काय समाविष्ट आहे

बूटस्ट्रॅप दोन स्वरूपात डाउनलोड करण्यायोग्य आहे, ज्यामध्ये तुम्हाला खालील डिरेक्टरी आणि फाइल्स आढळतील, तार्किकदृष्ट्या सामान्य संसाधनांचे गटबद्ध करा आणि संकलित आणि लहान दोन्ही भिन्नता प्रदान करा.

पूर्वसंकलित बूटस्ट्रॅप

एकदा डाउनलोड झाल्यावर, (संकलित) बूटस्ट्रॅपची रचना पाहण्यासाठी संकुचित फोल्डर अनझिप करा. तुम्हाला असे काहीतरी दिसेल:

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

हे बूटस्ट्रॅपचे सर्वात मूलभूत स्वरूप आहे: जवळजवळ कोणत्याही वेब प्रोजेक्टमध्ये द्रुत ड्रॉप-इन वापरासाठी पूर्वसंकलित केलेल्या फाइल्स. आम्ही संकलित CSS आणि JS ( bootstrap.*), तसेच संकलित आणि लहान CSS आणि JS ( bootstrap.min.*) प्रदान करतो. CSS स्त्रोत नकाशे ( bootstrap.*.map) विशिष्ट ब्राउझरच्या विकसक साधनांसह वापरण्यासाठी उपलब्ध आहेत. पर्यायी बूटस्ट्रॅप थीमप्रमाणेच ग्लिफिकॉनमधील फॉन्ट समाविष्ट केले आहेत.

बूटस्ट्रॅप स्त्रोत कोड

बूटस्ट्रॅप सोर्स कोड डाउनलोडमध्ये सोर्स लेस, JavaScript आणि डॉक्युमेंटेशनसह पूर्वसंकलित CSS, JavaScript आणि फॉन्ट मालमत्ता समाविष्ट आहेत. अधिक विशेषतः, यात खालील आणि बरेच काही समाविष्ट आहे:

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

, less/, js/आणि fonts/आमच्या CSS, JS आणि आयकॉन फॉन्टसाठी (अनुक्रमे) स्त्रोत कोड आहेत. फोल्डरमध्ये वरील dist/प्रीकम्पाइल केलेल्या डाउनलोड विभागात सूचीबद्ध केलेल्या सर्व गोष्टींचा समावेश आहे. फोल्डरमध्ये आमच्या दस्तऐवजीकरणासाठी आणि बूटस्ट्रॅप वापराचा docs/स्त्रोत कोड समाविष्ट आहे . examples/त्यापलीकडे, इतर कोणतीही समाविष्ट फाइल पॅकेजेस, परवाना माहिती आणि विकासासाठी समर्थन प्रदान करते.

CSS आणि JavaScript संकलित करणे

बूटस्ट्रॅप त्याच्या बिल्ड सिस्टमसाठी ग्रंट वापरते, फ्रेमवर्कसह कार्य करण्यासाठी सोयीस्कर पद्धतींसह. आम्ही आमचा कोड कसा संकलित करतो, चाचण्या चालवतो आणि बरेच काही करतो.

ग्रंट स्थापित करत आहे

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 आणि JavaScript संकलित करा)

/dist/संकलित आणि लहान CSS आणि JavaScript फायलींसह निर्देशिका पुन्हा निर्माण करते . बूटस्ट्रॅप वापरकर्ता म्हणून, ही सामान्यतः तुम्हाला हवी असलेली कमांड असते.

grunt watch(पहा)

कमी स्रोत फायली पाहतो आणि जेव्हा तुम्ही बदल सेव्ह करता तेव्हा त्या CSS वर आपोआप पुन्हा संकलित होतात.

grunt test(चाचण्या चालवा)

JSHint चालवते आणि PhantomJS मध्ये QUnit चाचण्या हेडलेस चालवते .

grunt docs(दस्तऐवज मालमत्ता तयार करा आणि चाचणी करा)

CSS, JavaScript आणि इतर मालमत्ता बनवते आणि तपासते जे द्वारे स्थानिकरित्या दस्तऐवज चालवताना वापरले जातात bundle exec jekyll serve.

grunt(पूर्णपणे सर्वकाही तयार करा आणि चाचण्या चालवा)

CSS आणि JavaScript संकलित आणि लहान करते, दस्तऐवजीकरण वेबसाइट तयार करते, डॉक्स विरुद्ध HTML5 प्रमाणक चालवते, Customizer मालमत्ता पुन्हा निर्माण करते आणि बरेच काही. जेकिल आवश्यक आहे. आपण बूटस्ट्रॅपवरच हॅक करत असाल तरच सहसा आवश्यक असते.

समस्यानिवारण

तुम्हाला अवलंबित्व स्थापित करताना किंवा ग्रंट कमांड चालवताना समस्या आल्यास, प्रथम /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 href="css/bootstrap.min.css" rel="stylesheet">

    <!-- 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://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

उदाहरणे

बूटस्ट्रॅपच्या अनेक घटकांसह वरील मूलभूत टेम्पलेटवर तयार करा. तुमच्या वैयक्तिक प्रकल्पाच्या गरजा पूर्ण करण्यासाठी आम्ही तुम्हाला बूटस्ट्रॅप सानुकूलित आणि अनुकूल करण्यासाठी प्रोत्साहित करतो.

बूटस्ट्रॅप रेपॉजिटरी डाउनलोड करून खालील प्रत्येक उदाहरणासाठी स्त्रोत कोड मिळवा . docs/examples/उदाहरणे निर्देशिकेत आढळू शकतात .

फ्रेमवर्क वापरणे

स्टार्टर टेम्पलेट

मूलभूत गोष्टींशिवाय काहीही नाही: कंटेनरसह संकलित CSS आणि JavaScript.

बूटस्ट्रॅप थीम

दृष्यदृष्ट्या वर्धित अनुभवासाठी पर्यायी बूटस्ट्रॅप थीम लोड करा.

ग्रिड्स

सर्व चार स्तरांसह ग्रिड लेआउटची अनेक उदाहरणे, नेस्टिंग आणि बरेच काही.

जंबोट्रॉन

नॅव्हबार आणि काही मूलभूत ग्रिड स्तंभांसह जंबोट्रॉनभोवती तयार करा.

अरुंद जंबोट्रॉन

डीफॉल्ट कंटेनर आणि जंबोट्रॉन संकुचित करून अधिक सानुकूल पृष्ठ तयार करा.

कृतीत नवबार

नवबार

सुपर बेसिक टेम्प्लेट ज्यामध्ये काही अतिरिक्त सामग्रीसह navbar समाविष्ट आहे.

स्थिर शीर्ष नवबार

काही अतिरिक्त सामग्रीसह स्थिर शीर्ष नॅव्हबारसह सुपर बेसिक टेम्पलेट.

निश्चित नवबार

काही अतिरिक्त सामग्रीसह निश्चित टॉप नॅव्हबारसह सुपर बेसिक टेम्पलेट.

सानुकूल घटक

कव्हर

साधी आणि सुंदर मुखपृष्ठे तयार करण्यासाठी एक-पृष्ठ टेम्पलेट.

कॅरोसेल

नवबार आणि कॅरोसेल सानुकूलित करा, नंतर काही नवीन घटक जोडा.

ब्लॉग

सानुकूल नेव्हिगेशन, शीर्षलेख आणि प्रकारासह साधे दोन-स्तंभ ब्लॉग लेआउट.

डॅशबोर्ड

निश्चित साइडबार आणि नॅव्हबारसह प्रशासक डॅशबोर्डसाठी मूलभूत रचना.

साइन इन पृष्ठ

सानुकूल फॉर्म लेआउट आणि साध्या साइन इन फॉर्मसाठी डिझाइन.

न्याय्य एनएव्ही

न्याय्य लिंकसह सानुकूल नॅव्हबार तयार करा. सावधान! खूप सफारी फ्रेंडली नाही.

चिकट तळटीप

व्ह्यूपोर्टच्या तळाशी एक तळटीप संलग्न करा जेव्हा सामग्री त्याच्यापेक्षा लहान असेल.

navbar सह चिकट तळटीप

शीर्षस्थानी निश्चित नॅव्हबारसह व्ह्यूपोर्टच्या तळाशी एक तळटीप संलग्न करा.

प्रयोग

नॉन-रिस्पॉन्सिव्ह बूटस्ट्रॅप

आमच्या डॉक्सनुसार बूटस्ट्रॅपची प्रतिसादक्षमता सहजतेने अक्षम करा .

ऑफ-कॅनव्हास

बूटस्ट्रॅपसह वापरण्यासाठी टॉगल करण्यायोग्य ऑफ-कॅनव्हास नेव्हिगेशन मेनू तयार करा.

साधने

बूटलिंट

बूटलिंट हे अधिकृत बूटस्ट्रॅप एचटीएमएल लिंटर साधन आहे. ते अगदी "व्हॅनिला" मार्गाने बूटस्ट्रॅप वापरत असलेल्या वेबपृष्ठांमधील अनेक सामान्य HTML चुका स्वयंचलितपणे तपासते. व्हॅनिला बूटस्ट्रॅपच्या घटक/विजेट्सना त्यांच्या DOM चे भाग विशिष्ट संरचनांना अनुरूप असणे आवश्यक आहे. बूटलिंट तपासते की बूटस्ट्रॅप घटकांच्या उदाहरणांमध्ये HTML योग्यरित्या संरचित आहे. तुमच्या बूटस्ट्रॅप वेब डेव्हलपमेंट टूलचेनमध्ये बूटलिंट जोडण्याचा विचार करा जेणेकरून कोणत्याही सामान्य चुकांमुळे तुमच्या प्रकल्पाचा विकास कमी होणार नाही.

समुदाय

बूटस्ट्रॅपच्या विकासावर अद्ययावत रहा आणि या उपयुक्त संसाधनांसह समुदायापर्यंत पोहोचा.

• अधिकृत बूटस्ट्रॅप ब्लॉग वाचा आणि सदस्यता घ्या .
• ##bootstrap चॅनेलमध्येirc.freenode.net सर्व्हरमध्ये IRC वापरून सहकारी बूटस्ट्रॅपर्सशी गप्पा मारा .
• बूटस्ट्रॅप वापरण्यासाठी मदतीसाठी , टॅग वापरून StackOverflowtwitter-bootstrap-3 वर विचारा .
• bootstrapविकासकांनी पॅकेजेसवर कीवर्ड वापरावे जे जास्तीत जास्त शोधण्यायोग्यतेसाठी npm किंवा तत्सम वितरण यंत्रणेद्वारे वितरण करताना बूटस्ट्रॅपच्या कार्यक्षमतेत सुधारणा करतात किंवा जोडतात.
• बूटस्ट्रॅप एक्सपोमध्ये बूटस्ट्रॅप वापरून लोक तयार करण्याची प्रेरणादायी उदाहरणे शोधा .

नवीनतम गॉसिप आणि अप्रतिम म्युझिक व्हिडिओंसाठी तुम्ही Twitter वर @getbootstrap चे अनुसरण करू शकता .

प्रतिसाद अक्षम करणे

बूटस्ट्रॅप तुमची पृष्ठे विविध स्क्रीन आकारांसाठी आपोआप जुळवून घेतो. हे वैशिष्ट्य कसे अक्षम करायचे ते येथे आहे जेणेकरून तुमचे पृष्ठ या गैर-प्रतिसाददार उदाहरणाप्रमाणे कार्य करेल .

पृष्ठ प्रतिसाद अक्षम करण्यासाठी पायऱ्या

1. CSS डॉक्समध्ये<meta> नमूद केलेले व्ह्यूपोर्ट वगळा
2. widthप्रत्येक ग्रिड टियरसाठी एका रुंदीसह वर ओव्हरराइड करा .container, उदाहरणार्थ width: 970px !important;हे डीफॉल्ट बूटस्ट्रॅप CSS नंतर येते याची खात्री करा. तुम्ही वैकल्पिकरित्या !importantमीडिया प्रश्नांसह किंवा काही निवडक-फू टाळू शकता.
3. navbars वापरत असल्यास, सर्व navbar संकुचित आणि विस्तारित वर्तन काढून टाका.
4. ग्रिड लेआउटसाठी, .col-xs-*मध्यम/मोठ्या व्यतिरिक्त किंवा त्याऐवजी वर्ग वापरा. काळजी करू नका, अतिरिक्त-छोटे डिव्हाइस ग्रिड सर्व रिझोल्यूशनसाठी स्केल करते.

तुम्हाला अजूनही IE8 साठी Respond.js ची आवश्यकता असेल (कारण आमच्या मीडिया क्वेरी अजूनही आहेत आणि त्यावर प्रक्रिया करणे आवश्यक आहे). हे बूटस्ट्रॅपचे "मोबाइल साइट" पैलू अक्षम करते.

प्रतिसादक्षमतेसह बूटस्ट्रॅप टेम्पलेट अक्षम केले आहे

आम्ही या पायऱ्या एका उदाहरणावर लागू केल्या आहेत. लागू केलेले विशिष्ट बदल पाहण्यासाठी त्याचा स्रोत कोड वाचा.

प्रतिसाद न देणारे उदाहरण पहा

ब्राउझर आणि डिव्हाइस समर्थन

नवीनतम डेस्कटॉप आणि मोबाइल ब्राउझरमध्ये सर्वोत्तम कार्य करण्यासाठी बूटस्ट्रॅप तयार केला आहे, याचा अर्थ जुने ब्राउझर पूर्णपणे कार्यशील असले तरी, विशिष्ट घटकांचे प्रस्तुतीकरण वेगळ्या पद्धतीने प्रदर्शित करू शकतात.

समर्थित ब्राउझर

विशेषतः, आम्ही खालील ब्राउझर आणि प्लॅटफॉर्मच्या नवीनतम आवृत्त्यांचे समर्थन करतो .

वेबकिट, ब्लिंक किंवा गेकोची नवीनतम आवृत्ती वापरणारे पर्यायी ब्राउझर, थेट किंवा प्लॅटफॉर्मच्या वेब व्ह्यू API द्वारे, स्पष्टपणे समर्थित नाहीत. तथापि, बूटस्ट्रॅपने (बहुतेक प्रकरणांमध्ये) या ब्राउझरमध्ये देखील योग्यरित्या प्रदर्शित आणि कार्य केले पाहिजे. अधिक विशिष्ट समर्थन माहिती खाली प्रदान केली आहे.

मोबाइल उपकरणे

सर्वसाधारणपणे, बूटस्ट्रॅप प्रत्येक प्रमुख प्लॅटफॉर्मच्या डीफॉल्ट ब्राउझरच्या नवीनतम आवृत्त्यांचे समर्थन करते. लक्षात ठेवा की प्रॉक्सी ब्राउझर (जसे की Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk) समर्थित नाहीत.

डेस्कटॉप ब्राउझर

त्याचप्रमाणे, बहुतेक डेस्कटॉप ब्राउझरच्या नवीनतम आवृत्त्या समर्थित आहेत.

Windows वर, आम्ही Internet Explorer 8-11 चे समर्थन करतो .

फायरफॉक्ससाठी, नवीनतम सामान्य स्थिर प्रकाशन व्यतिरिक्त, आम्ही फायरफॉक्सच्या नवीनतम विस्तारित समर्थन प्रकाशन (ESR) आवृत्तीला देखील समर्थन देतो.

अनधिकृतपणे, बूटस्ट्रॅपने क्रोमियम आणि लिनक्ससाठी क्रोम, लिनक्ससाठी फायरफॉक्स आणि इंटरनेट एक्सप्लोरर 7, तसेच मायक्रोसॉफ्ट एजमध्ये पुरेसे चांगले दिसले पाहिजे आणि वर्तन केले पाहिजे, जरी ते अधिकृतपणे समर्थित नाहीत.

बूटस्ट्रॅपला ज्या काही ब्राउझर बग्सचा सामना करावा लागतो त्यांच्या सूचीसाठी, आमची वॉल ऑफ ब्राउझर बग पहा .

इंटरनेट एक्सप्लोरर 8 आणि 9

इंटरनेट एक्सप्लोरर 8 आणि 9 देखील समर्थित आहेत, तथापि, कृपया लक्षात ठेवा की काही CSS3 गुणधर्म आणि HTML5 घटक या ब्राउझरद्वारे पूर्णपणे समर्थित नाहीत. याव्यतिरिक्त, मीडिया क्वेरी समर्थन सक्षम करण्यासाठी Internet Explorer 8 ला Respond.js चा वापर आवश्यक आहे.

CSS3 आणि HTML5 वैशिष्ट्यांच्या ब्राउझर समर्थनाच्या तपशीलांसाठी मी वापरू शकतो का... ला भेट द्या .

Internet Explorer 8 आणि Respond.js

Internet Explorer 8 साठी तुमच्या विकास आणि उत्पादन वातावरणात Respond.js वापरताना खालील सावधगिरी बाळगा.

Respond.js आणि क्रॉस-डोमेन CSS

वेगळ्या (सब)डोमेनवर (उदाहरणार्थ, CDN वर) होस्ट केलेल्या CSS सह Respond.js वापरण्यासाठी काही अतिरिक्त सेटअप आवश्यक आहे. तपशीलांसाठी Respond.js डॉक्स पहा.

Respond.js आणिfile://

ब्राउझर सुरक्षा नियमांमुळे, Respond.js file://प्रोटोकॉलद्वारे पाहिलेल्या पृष्ठांसह कार्य करत नाही (जसे की स्थानिक HTML फाइल उघडताना). IE8 मधील प्रतिसादात्मक वैशिष्ट्यांची चाचणी घेण्यासाठी, तुमची पृष्ठे HTTP(S) वर पहा. तपशीलांसाठी Respond.js डॉक्स पहा.

Respond.js आणि@import

Respond.js द्वारे संदर्भित असलेल्या CSS सह कार्य करत नाही @import. विशेषतः, काही Drupal कॉन्फिगरेशन वापरण्यासाठी ज्ञात आहेत @import. तपशीलांसाठी Respond.js डॉक्स पहा.

इंटरनेट एक्सप्लोरर 8 आणि बॉक्स-आकार

, , , किंवा box-sizing: border-box;सह एकत्रित केल्यावर IE8 पूर्णपणे समर्थन देत नाही . त्या कारणास्तव, v3.0.1 नुसार, आम्ही यापुढे s वर वापरणार नाही.min-widthmax-widthmin-heightmax-heightmax-width.container

इंटरनेट एक्सप्लोरर 8 आणि @font-face

@font-faceIE8 सह एकत्र केल्यावर काही समस्या आहेत :before. बूटस्ट्रॅप त्याच्या ग्लिफिकॉनसह ते संयोजन वापरतो. जर एखादे पृष्‍ठ कॅशे केले असेल आणि खिडकीवर माऊस न लावता लोड केले असेल (म्हणजे रिफ्रेश बटण दाबा किंवा iframe मध्ये काहीतरी लोड करा) तर फॉन्ट लोड होण्‍यापूर्वी पृष्‍ठ रेंडर केले जाईल. पृष्‍ठावर (बॉडी) फिरवल्‍याने काही आयकॉन दिसतील आणि उरलेल्या आयकॉनवर फिरल्‍याने ते देखील दिसतील. तपशीलासाठी अंक #13863 पहा.

IE सुसंगतता मोड

जुन्या इंटरनेट एक्सप्लोरर सुसंगतता मोडमध्ये बूटस्ट्रॅप समर्थित नाही. तुम्ही IE साठी नवीनतम रेंडरिंग मोड वापरत आहात याची खात्री करण्यासाठी, <meta>तुमच्या पृष्ठांमध्ये योग्य टॅग समाविष्ट करण्याचा विचार करा:

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

डीबगिंग टूल्स उघडून दस्तऐवज मोडची पुष्टी करा: F12"दस्तऐवज मोड" दाबा आणि तपासा.

इंटरनेट एक्सप्लोररच्या प्रत्येक समर्थित आवृत्तीमध्ये सर्वोत्कृष्ट प्रस्तुतीकरण सुनिश्चित करण्यासाठी हा टॅग बूटस्ट्रॅपच्या सर्व दस्तऐवजीकरणांमध्ये आणि उदाहरणांमध्ये समाविष्ट केला आहे.

अधिक माहितीसाठी हा StackOverflow प्रश्न पहा .

Windows 8 आणि Windows Phone 8 मध्ये Internet Explorer 10

Internet Explorer 10 डिव्हाइसच्या रुंदीला व्ह्यूपोर्ट रुंदीपासून वेगळे करत नाही आणि त्यामुळे बूटस्ट्रॅपच्या CSS मधील मीडिया क्वेरी योग्यरित्या लागू करत नाही. सामान्यत: याचे निराकरण करण्यासाठी तुम्ही फक्त CSS चा एक द्रुत स्निपेट जोडू शकता:

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

तथापि, हे अपडेट 3 (उर्फ GDR3) पेक्षा जुन्या Windows Phone 8 आवृत्त्या चालवणार्‍या उपकरणांसाठी कार्य करत नाही , कारण यामुळे अशा उपकरणांना अरुंद "फोन" दृश्याऐवजी डेस्कटॉप दृश्य दाखवले जाते. हे संबोधित करण्यासाठी, तुम्हाला बगवर काम करण्यासाठी खालील CSS आणि JavaScript समाविष्ट करणे आवश्यक आहे .

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

// Copyright 2014-2015 Twitter, Inc.
// Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/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 आणि Device-Width वाचा .

हेड अप म्हणून, आम्ही हे बूटस्ट्रॅपच्या सर्व दस्तऐवजांमध्ये आणि प्रात्यक्षिक म्हणून उदाहरणांमध्ये समाविष्ट करतो.

सफारी टक्के गोलाकार

.col-*-1OS X साठी v7.1 च्या आधीच्या Safari च्या आवृत्त्यांचे रेंडरिंग इंजिन आणि iOS v8.0 साठी Safari ला आमच्या ग्रिड वर्गांमध्ये वापरल्या जाणार्‍या दशांश स्थानांच्या संख्येसह काही समस्या होत्या . म्हणून जर तुमच्याकडे 12 वैयक्तिक ग्रिड स्तंभ असतील, तर तुमच्या लक्षात येईल की स्तंभांच्या इतर पंक्तींच्या तुलनेत ते लहान आले आहेत. सफारी/iOS अपग्रेड करण्याव्यतिरिक्त, तुमच्याकडे उपायांसाठी काही पर्याय आहेत:

• .pull-rightकठोर-उजवे संरेखन मिळविण्यासाठी तुमच्या शेवटच्या ग्रिड स्तंभात जोडा
• सफारीसाठी अचूक राउंडिंग मिळवण्यासाठी तुमची टक्केवारी मॅन्युअली बदला (पहिल्या पर्यायापेक्षा अधिक कठीण)

मॉडेल, नॅव्हबार आणि व्हर्च्युअल कीबोर्ड

ओव्हरफ्लो आणि स्क्रोलिंग

घटकासाठी समर्थन iOS आणि Android overflow: hiddenमध्ये <body>खूप मर्यादित आहे. त्यासाठी, जेव्हा तुम्ही यापैकी कोणत्याही डिव्हाइसच्या ब्राउझरमध्ये मॉडेलच्या वरच्या किंवा खालच्या बाजूला स्क्रोल करता तेव्हा <body>सामग्री स्क्रोल करणे सुरू होईल. Chrome बग #175502 ( Chrome v40 मध्ये निश्चित) आणि WebKit बग #153852 पहा .

iOS मजकूर फील्ड आणि स्क्रोलिंग

<input>iOS 9.3 नुसार, एखादे मॉडेल खुले असताना, स्क्रोल जेश्चरचा प्रारंभिक स्पर्श मजकूर किंवा a च्या सीमेत असल्यास, मॉडेलच्या खाली <textarea>असलेली <body>सामग्री मॉडेलऐवजी स्क्रोल केली जाईल. WebKit बग #153856 पहा .

व्हर्च्युअल कीबोर्ड

तसेच, लक्षात घ्या की तुम्ही निश्चित नॅव्हबार वापरत असल्यास किंवा मॉडेलमध्ये इनपुट वापरत असल्यास, iOS मध्ये एक रेंडरिंग बग आहे जो व्हर्च्युअल कीबोर्ड ट्रिगर झाल्यावर निश्चित घटकांची स्थिती अद्यतनित करत नाही. यासाठी काही उपायांमध्ये तुमचे घटक बदलणे position: absoluteकिंवा पोझिशनिंग मॅन्युअली दुरुस्त करण्याचा प्रयत्न करण्यासाठी फोकसवर टायमर लावणे समाविष्ट आहे. हे बूटस्ट्रॅपद्वारे हाताळले जात नाही, त्यामुळे तुमच्या अनुप्रयोगासाठी कोणता उपाय सर्वोत्तम आहे हे ठरविणे तुमच्यावर अवलंबून आहे.

नवबार ड्रॉपडाउन

.dropdown-backdropz-इंडेक्सिंगच्या जटिलतेमुळे घटक iOS वर nav मध्ये वापरला जात नाही . अशा प्रकारे, navbars मधील ड्रॉपडाउन बंद करण्यासाठी, तुम्ही थेट ड्रॉपडाउन घटकावर क्लिक केले पाहिजे (किंवा iOS मध्ये क्लिक इव्हेंट सुरू करणारा कोणताही घटक ).

ब्राउझर झूम करत आहे

पृष्ठ झूम करणे अपरिहार्यपणे बूटस्ट्रॅप आणि उर्वरित वेब दोन्हीमध्ये, काही घटकांमध्ये रेंडरिंग आर्टिफॅक्ट्स सादर करते. समस्येवर अवलंबून, आम्ही त्याचे निराकरण करण्यात सक्षम होऊ शकतो (आधी शोधा आणि नंतर गरज असल्यास समस्या उघडा). तथापि, आम्ही याकडे दुर्लक्ष करतो कारण त्यांच्याकडे बर्‍याचदा हॅकी वर्कअराउंड्सशिवाय कोणताही थेट उपाय नसतो.

चिकट :hover/ :focusमोबाईलवर

बर्‍याच टचस्क्रीनवर रिअल होवरिंग शक्य नसले तरीही, बहुतेक मोबाइल ब्राउझर होव्हरिंग सपोर्टचे अनुकरण करतात आणि :hover"चिकट" बनवतात. दुसऱ्या शब्दांत, :hoverएखाद्या घटकावर टॅप केल्यानंतर शैली लागू होण्यास सुरुवात होते आणि वापरकर्त्याने इतर घटकांवर टॅप केल्यानंतरच लागू करणे थांबते. यामुळे :hoverअशा ब्राउझरवर बूटस्ट्रॅपची स्थिती अवांछितपणे "अडकली" जाऊ शकते. काही मोबाईल ब्राउझर देखील :focusअसेच चिकट बनवतात. अशा प्रकारच्या शैली पूर्णपणे काढून टाकण्याशिवाय या समस्यांसाठी सध्या कोणताही साधा उपाय नाही.

छपाई

जरी काही आधुनिक ब्राउझरमध्ये, मुद्रण विचित्र असू शकते.

विशेषतः, Chrome v32 नुसार आणि मार्जिन सेटिंग्जची पर्वा न करता, Chrome वेबपृष्ठ मुद्रित करताना मीडिया प्रश्नांचे निराकरण करताना भौतिक कागदाच्या आकारापेक्षा लक्षणीयरीत्या अरुंद व्ह्यूपोर्ट रुंदी वापरते. यामुळे प्रिंटिंग करताना बूटस्ट्रॅपचा अतिरिक्त-लहान ग्रिड अनपेक्षितपणे सक्रिय होऊ शकतो. काही तपशीलांसाठी समस्या #12078 आणि Chrome बग #273306 पहा. सुचविलेले उपाय:

• अतिरिक्त-लहान ग्रिड स्वीकारा आणि त्याखाली तुमचे पृष्ठ स्वीकार्य असल्याचे सुनिश्चित करा.
• कमी व्हेरिएबल्सची मूल्ये सानुकूलित करा @screen-*जेणेकरून तुमचा प्रिंटर पेपर अतिरिक्त-छोट्यापेक्षा मोठा मानला जाईल.
• केवळ प्रिंट मीडियासाठी ग्रिड आकाराचे ब्रेकपॉइंट बदलण्यासाठी सानुकूल मीडिया क्वेरी जोडा.

तसेच, Safari v8.0 नुसार, निश्चित-रुंदी .containers मुळे Safari ला प्रिंट करताना असामान्यपणे लहान फॉन्ट आकार वापरता येऊ शकतो. अधिक तपशीलांसाठी #14868 आणि WebKit बग #138192 पहा. यासाठी एक संभाव्य उपाय म्हणजे खालील CSS जोडणे:

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

Android स्टॉक ब्राउझर

बॉक्सच्या बाहेर, Android 4.1 (आणि वरवर पाहता काही नवीन रिलीझ देखील) ब्राउझर अॅपसह पसंतीचे डीफॉल्ट वेब ब्राउझर म्हणून पाठवले जातात (Chrome च्या विरूद्ध). दुर्दैवाने, ब्राउझर अॅपमध्ये सामान्यतः CSS सह बरेच बग आणि विसंगती आहेत.

मेनू निवडा

घटकांवर , <select>Android स्टॉक ब्राउझर साइड कंट्रोल्स प्रदर्शित करणार नाही border-radiusआणि/किंवा borderलागू केले असल्यास. (तपशीलांसाठी हा स्टॅकओव्हरफ्लो प्रश्न पहा.) आक्षेपार्ह CSS काढण्यासाठी आणि <select>Android स्टॉक ब्राउझरवर अनस्टाइल घटक म्हणून प्रस्तुत करण्यासाठी खालील कोडचा स्निपेट वापरा. वापरकर्ता एजंट स्निफिंग Chrome, Safari आणि Mozilla ब्राउझरमध्ये हस्तक्षेप टाळतो.

<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>

उदाहरण पाहू इच्छिता? हा जेएस बिन डेमो पहा.

प्रमाणीकरणकर्ते

जुन्या आणि बग्गी ब्राउझरना शक्य तितका सर्वोत्तम अनुभव प्रदान करण्यासाठी, बूटस्ट्रॅप अनेक ठिकाणी CSS ब्राउझर हॅक वापरते जेणेकरुन विशिष्ट ब्राउझर आवृत्त्यांसाठी विशिष्ट CSS लक्ष्यित करण्यासाठी स्वतः ब्राउझरमधील बग्सवर काम करता येईल. या हॅकमुळे CSS प्रमाणीकरणकर्त्यांना ते अवैध असल्याची तक्रार करावी लागते. काही ठिकाणी, आम्ही ब्लीडिंग-एज CSS वैशिष्ट्ये देखील वापरतो जी अद्याप पूर्णपणे प्रमाणित नाहीत, परंतु ती पूर्णपणे प्रगतीशील वाढीसाठी वापरली जातात.

या प्रमाणीकरण चेतावणी व्यवहारात काही फरक पडत नाहीत कारण आमच्या CSS चा नॉन-हॅकी भाग पूर्णपणे प्रमाणित करतो आणि हॅकी भाग नॉन-हॅकी भागाच्या योग्य कार्यामध्ये व्यत्यय आणत नाहीत, म्हणून आम्ही या विशिष्ट इशाऱ्यांकडे जाणीवपूर्वक दुर्लक्ष का करतो.

आमच्या HTML दस्तऐवजांमध्ये काही क्षुल्लक आणि विसंगत HTML प्रमाणीकरण चेतावणी आहेत कारण आम्ही एका विशिष्ट फायरफॉक्स बगसाठी वर्कअराउंड समाविष्ट करतो .

तृतीय पक्ष समर्थन

आम्ही अधिकृतपणे कोणत्याही तृतीय पक्ष प्लगइन्स किंवा अॅड-ऑन्सना समर्थन देत नसलो तरी, तुमच्या प्रकल्पांमधील संभाव्य समस्या टाळण्यासाठी आम्ही काही उपयुक्त सल्ला देऊ करतो.

बॉक्स-आकार

Google नकाशे आणि Google सानुकूल शोध इंजिनसह काही तृतीय पक्ष सॉफ्टवेअर, बूटस्ट्रॅपसह विरोधाभास * { 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();
}

प्रवेशयोग्यता

बूटस्ट्रॅप सामान्य वेब मानकांचे पालन करते आणि-किमान अतिरिक्त प्रयत्नांसह- एटी वापरणाऱ्यांना प्रवेश करण्यायोग्य साइट तयार करण्यासाठी वापरला जाऊ शकतो .

नेव्हिगेशन वगळा

तुमच्या नेव्हिगेशनमध्ये अनेक लिंक्स असतील आणि 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 येथे अधिक जाणून घ्या .

रंग कॉन्ट्रास्ट

सध्या, बूटस्ट्रॅपमध्ये काही डीफॉल्ट रंग संयोजन उपलब्ध आहेत (जसे की विविध शैलीचे बटण वर्ग, मूलभूत कोड ब्लॉक्ससाठी वापरले जाणारे काही कोड हायलाइटिंग रंग , .bg-primary संदर्भित पार्श्वभूमी मदतनीस वर्ग आणि पांढर्‍या पार्श्वभूमीवर वापरताना डीफॉल्ट लिंक रंग) कमी कॉन्ट्रास्ट रेशो ( 4.5:1 च्या शिफारस केलेल्या गुणोत्तराच्या खाली ). यामुळे कमी दृष्टी असलेल्या किंवा रंग अंध असलेल्या वापरकर्त्यांना समस्या निर्माण होऊ शकतात. हे डीफॉल्ट रंग त्यांचे कॉन्ट्रास्ट आणि सुवाच्यता वाढवण्यासाठी सुधारित करणे आवश्यक असू शकते.

अतिरिक्त संसाधने

• प्रवेशयोग्यता समस्या ओळखण्यासाठी "HTML Codesniffer" बुकमार्कलेट
• Chrome चा प्रवेशयोग्यता विकासक साधने विस्तार
• रंग कॉन्ट्रास्ट विश्लेषक
• A11Y प्रकल्प
• MDN प्रवेशयोग्यता दस्तऐवजीकरण

परवाना FAQ

बूटस्ट्रॅप एमआयटी परवान्याअंतर्गत रिलीझ केला आहे आणि कॉपीराइट 2016 Twitter आहे. लहान भागांमध्ये उकळलेले, त्याचे वर्णन खालील अटींसह केले जाऊ शकते.

यासाठी तुम्हाला आवश्यक आहे:

• बूटस्ट्रॅपच्या CSS आणि JavaScript फायलींमध्ये परवाना आणि कॉपीराइट सूचना समाविष्ट ठेवा जेव्हा तुम्ही त्यांचा तुमच्या कामात वापर करता.

हे आपल्याला याची परवानगी देते:

• वैयक्तिक, खाजगी, कंपनी अंतर्गत किंवा व्यावसायिक हेतूंसाठी संपूर्ण किंवा अंशतः बूटस्ट्रॅप विनामूल्य डाउनलोड करा आणि वापरा
• तुम्ही तयार करता त्या पॅकेजेस किंवा वितरणांमध्ये बूटस्ट्रॅप वापरा
• स्त्रोत कोड सुधारित करा
• परवान्यामध्ये समाविष्ट नसलेल्या तृतीय पक्षांना बूटस्ट्रॅप सुधारित आणि वितरित करण्यासाठी उपपरवाना द्या

हे तुम्हाला प्रतिबंधित करते:

• वॉरंटीशिवाय बूटस्ट्रॅप प्रदान केल्यामुळे लेखक आणि परवाना मालकांना नुकसानीसाठी जबाबदार धरा
• बूटस्ट्रॅपचे निर्माते किंवा कॉपीराइट धारक जबाबदार धरा
• बूटस्ट्रॅपचा कोणताही तुकडा योग्य विशेषताशिवाय पुन्हा वितरित करा
• Twitter च्‍या मालकीचे असलेल्‍या कोणत्याही गुणांचा वापर करा जे असे सांगू शकेल किंवा सूचित करेल की Twitter आपल्या वितरणास मान्यता देते
• Twitter च्या मालकीचे कोणतेही चिन्ह अशा प्रकारे वापरा की तुम्ही प्रश्नात असलेले Twitter सॉफ्टवेअर तयार केले आहे असे सांगू शकेल किंवा सूचित करू शकेल

यासाठी तुम्हाला आवश्यक नाही:

• बूटस्ट्रॅपचा स्रोत किंवा तुम्ही त्यात केलेल्या कोणत्याही सुधारणांचा समावेश करा
• तुम्ही बूटस्ट्रॅपमध्ये केलेले बदल परत बूटस्ट्रॅप प्रोजेक्टमध्ये सबमिट करा (जरी अशा फीडबॅकला प्रोत्साहन दिले जाते)

अधिक माहितीसाठी संपूर्ण बूटस्ट्रॅप परवाना प्रकल्प भांडारात आहे.

भाषांतरे

समुदाय सदस्यांनी बूटस्ट्रॅपचे दस्तऐवजीकरण विविध भाषांमध्ये भाषांतरित केले आहे. कोणतेही अधिकृतपणे समर्थित नाहीत आणि ते नेहमी अद्ययावत नसतील.

• बूटस्ट्रॅप 中文文档 (चीनी)
• बूटस्ट्रॅप 3 中文手冊 (चीनी (पारंपारिक))
• बूटस्ट्रॅप på Dansk (डॅनिश)
• बूटस्ट्रॅप en Français (फ्रेंच)
• बूटस्ट्रॅप ऑफ ड्यूश (जर्मन)
• इटालियन (इटालियन) मध्ये बूटस्ट्रॅप
• बूटस्ट्रॅप 한국어 (कोरियन)
• Bootstrap em Português do Brasil (ब्राझिलियन पोर्तुगीज)
• बूटस्ट्रॅप по-русски (रशियन)
• बूटस्ट्रॅप en Español (स्पॅनिश)
• Türkçe बूटस्ट्रॅप (तुर्की)
• बूटस्ट्रॅप українською (युक्रेनियन)
• बूटस्ट्रॅप बंग tiếng Việt (व्हिएतनामी)

आम्ही भाषांतरे आयोजित किंवा होस्ट करण्यात मदत करत नाही, आम्ही फक्त त्यांना लिंक करतो.

नवीन किंवा चांगले भाषांतर पूर्ण केले? आमच्या सूचीमध्ये जोडण्यासाठी एक पुल विनंती उघडा.