Source

Introductio

Incipias ab Bootstrap, mundi maxime popularis compages ad aedificandas resivas, primos mobiles sites, cum jsDelivr et a template starter page.

Velox satus

Vultus cito Bootstrap ad propositum tuum addere? Utere jsDelivr, cautum gratis a populo apud jsDelivr. Utens sarcina procurator vel postulo ut download fons lima? Caput ad paginas downloads.

CSS

Effingo-crustulum cum stylesheetis <link>in tua <head>, ante omnia alia schedulis onerandis nostris CSS.

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

JS

Multi ex nostris componentibus usum JavaScript ad functionem requirunt. Speciatim requirunt jQuery , Popper.js , et nostrum JavaScript plugins. Pone sequentia <script>circa finem paginarum tuarum, ante clausulam </body>, ut eas efficias. jQuery primum debet venire, deinde Popper.js, et deinde nostra JavaScript plugins.

Utimur jQuery's gracili aedificante , sed plena litera etiam confirmatur.

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

Curious quae partes diserte requirunt jQuery, noster JS, et Popper.js? Clica ostendo partes inferiores vinculum. Si de structura paginae generalis omnino incerta es, exemplum paginae exemplum observa.

Nostrum bootstrap.bundle.jset bootstrap.bundle.min.jsincludunt Popper , sed non jQuery . Ad plura de illis quae in Bootstrap inclusa sunt, videbis sectionem contenta nostra.

Ostendere components requirunt JavaScript
  • Alets dimissis
  • Bullae pro toggling civitatibus et checkbox/radio functionality
  • Carousel pro omnibus lapsus mores, imperium, indices
  • Ruina pro toggling uisibiliter content
  • Dropdowns ad ostentationem et positionem (etiam Popper.js requirit )
  • Modales ostentandi, positionis, ac morum volumen
  • Navbar ad plugin nostri Collapse extendendo ad mores responsuros efficiendos
  • Instrumentorum et popoverorum ad ostentationem et positionem (etiam Popper.js requirit )
  • Scrollspy pro volumen agendi et navigationis updates

Starter template

Vide ut paginas tuas cum recentissimis signis et evolutionis signis constituas. Hoc significat HTML5 doctypum utens et incluso meta tag in aspectu ad mores responsuros proprios. Omnia simul pone, et paginae tuae ut hoc videant;

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

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

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  </body>
</html>

Hoc totum opus est ad altiorem paginam requisita. Visita propositum soUicitudo vel exempla officialia nostri ut incipias exponere contentus situs tui et componentes.

Maximus globals

Bootstrap paucis stylis globali momentis et uncinis utitur quos scire debes ut cum illo utaris, quae omnia fere ad ordinationem stylorum navigatoris crucis unice struunt. Eamus dive in.

HTML5 doctype

Bootstrap usum doctypi HTML5 requirit. Sine ea, videbis aliquid futu- rum dicendi incompletum, sed etiam singultum non parvam facere debet.

<!doctype html>
<html lang="en">
  ...
</html>

Respondens meta tag

Bootstrap primum mobile est elaboratum , consilium in quo codicem optimize mobilium machinarum primum ac deinde componentes ut opus CSS instrumentorum queries utendo conscendunt. Ut recte reddendo et tangas zooming pro omnibus machinis studeas, aspectum meta responsivum tuo tag addere <head>.

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Huius rei exemplum videre potes in template starter .

Arca-sizing

Ut directior consideratio in CSS, box-sizingvalorem globalem ab content-boxad border-box. Hoc efficit padding, ut latitudinem elementi ultimam computatam non afficit, sed problemata cum aliqua tertia parte programmatis efficere potest sicut Google Maps et Google Custom Search Engine.

Raro opus est ut vincat, utere simili sequenti:

.selector-for-some-widget {
  box-sizing: content-box;
}

Praecisis snippete, elementis nidos - contentum generatum comprehendens ::beforeet - omnia pro eo ::afterdeterminata possidebunt .box-sizing.selector-for-some-widget

Disce plus de archa exemplari et inspectione in CSS Furta .

Reboot

Pro meliore transversis limitibus reddendo, Reboot ad emendandas repugnantias per navigatores et machinas utimur, dum leviter magis opiniones resets communibus HTML elementis praebes.

Communitas

Hodie in Bootstrap evolutione subsiste et cum his utilibus facultatibus communitatem porrige.

  • Sequere @getbootstrap on Twitter .
  • Legere et subscribe to Officiali Bootstrap Blog .
  • Loqui cum sociis Bootstrapers in IRC. In irc.freenode.netservo, in ##bootstrapalveo.
  • Auxilium exsequendum inveniri potest apud Stack Overflow (tagged bootstrap-4).
  • Tincidunt uti keyword bootstrapin fasciculis quae ad officiationem Bootstrap modificandam vel adiciant cum per npm vel similes machinas traditionis ad maximam inveniendam distribuendam.

Potes etiam sequi @getbootstrap in Twitter pro recentissimis confabulationibus et musicis terribilis.