Kako začeti

Suspendisse faucibus convallis feugiat. Donec vitae elit at est scelerisque semper. Maecenas non tortor ut tortor tincidunt consequat.

Uvod

Sed mauris orci, commodo id viverra vitae, scelerisque vel eros. Curabitur dapibus euismod hendrerit. Nam accumsan eros eu pharetra faucibus. Donec vitae interdum ipsum. Vivamus faucibus lectus non turpis sodales, ultrices porta urna lobortis.

naprave

Nullam eros leo, consectetur id ante nec, fringilla elementum nunc.

Duis feugiat metus a urna posuere gravida. Sed ultricies ex ut metus congue laoreet.

orodja

Hiter začetek

Donec ut felis et risus semper tristique. Ut ex odio, commodo id est at, viverra dictum turpis. Suspendisse eleifend nec augue nec iaculis. Ut aliquam tortor sed sapien commodo fringilla. Mauris vulputate quam <link> mi laoreet semper <head>. Ut faucibus tristique finibus.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

Sed a justo eget enim euismod cursus vitae ac mauris. Maecenas non elit eu leo rhoncus euismod. Praesent neque ante, tincidunt et sapien ac, convallis posuere nunc. Morbi metus lorem, vestibulum id <body> ex sit amet, interdum pharetra mi. Morbi auctor sodales arcu eget scelerisque. Aenean elit nisl, ultricies nec ex id, placerat commodo augue. Integer ut tempus metus.

<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>

Prenos

Bootstrap v4.0.0-alpha.6 facilisis rhoncus purus. Aliquam porta laoreet eros, non ultrices neque facilisis in. Aenean nec tortor eget arcu molestie hendrerit id a erat. Suspendisse potenti. Ut vitae quam sed est euismod convallis ac et orci. Aliquam iaculis velit id tortor gravida eleifend. Nunc in elementum sapien, id aliquam magna.

Bootstrap CSS and JS

Praesent neque ante, tincidunt et sapien ac, convallis posuere nunc. Morbi metus lorem, vestibulum id ex sit amet, interdum pharetra mi. Morbi auctor sodales arcu eget scelerisque. Aenean elit nisl, ultricies nec ex id, placerat commodo augue. Integer ut tempus metus.

Prenesi Bootstrap

Izvorna koda

Vivamus elementum a nunc nec venenatis, estibulum at leo eget diam placerat efficitur? Fusce interdum gravida dolor, eu lobortis lacus malesuada ac. In pharetra consectetur neque, consequat pulvinar erat sodales et. Fusce dignissim dolor risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque ullamcorper enim a ante rhoncus, et porta velit lacinia. Fusce id consequat quam, sagittis mollis felis. Duis congue sem laoreet nunc bibendum dapibus.

Prenesi Bootstrap

Bootstrap CDN

Aenean nec tortor eget arcu molestie hendrerit id a erat. Suspendisse potenti. Ut vitae quam sed est euismod convallis ac et orci. Aliquam iaculis velit id tortor gravida eleifend. Nunc in elementum sapien, id aliquam magna.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>

Vsebina Bootstrapovih paketov

Morbi metus lorem, vestibulum id ex sit amet, interdum pharetra mi. Morbi auctor sodales arcu eget scelerisque. Aenean elit nisl, ultricies nec ex id, placerat commodo augue. Integer ut tempus metus. Maecenas et mollis turpis. Donec ut felis et risus semper tristique.

Preveden Bootstrap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet odio consectetur purus fringilla iaculis:

bootstrap/
	├── css/
	│   ├── bootstrap.css
	│   ├── bootstrap.css.map
	│   ├── bootstrap.min.css
	│   └── bootstrap.min.css.map
	└── js/
		├── bootstrap.js
		└── bootstrap.min.js

Sed a justo eget enim euismod cursus vitae ac mauris. Maecenas non elit eu leo rhoncus euismod. Praesent neque ante, tincidunt et sapien ac, convallis posuere nunc. Morbi metus lorem, vestibulum id ex sit amet, interdum pharetra mi. Morbi auctor sodales arcu eget scelerisque. Aenean elit nisl, ultricies nec ex id, placerat commodo augue. Integer ut tempus metus.

Bootstrapova izvorna koda

Maecenas et mollis turpis. Donec ut felis et risus semper tristique. Ut ex odio, commodo id est at, viverra dictum turpis. Suspendisse eleifend nec augue nec iaculis. Ut aliquam tortor sed sapien commodo fringilla. Mauris vulputate quam quis mi laoreet semper. Ut faucibus tristique finibus.

bootstrap/
	├── dist/
	│   ├── css/
	│   └── js/
	├── docs/
	│   └── examples/
	├── js/
	└── scss/

Vivamus elementum a nunc nec venenatis. Vestibulum at leo eget diam placerat efficitur. Fusce interdum gravida dolor, eu lobortis lacus malesuada ac. In pharetra consectetur neque, consequat pulvinar erat sodales et.

Brskalniki in naprave

Bootstrap supports the latest, stable releases of all major browsers and platforms. On Windows, we support Internet Explorer 10-11 / Microsoft Edge.

Fusce dignissim dolor risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque ullamcorper enim a ante rhoncus, et porta velit lacinia. Fusce id consequat quam, sagittis mollis felis. Duis congue sem laoreet nunc bibendum dapibus.

Mobilne naprave

Maecenas gravida ante id quam blandit, id commodo purus tempor. Donec fermentum ante in imperdiet sodales. Curabitur consectetur elementum risus, id aliquam justo venenatis non. Fusce ornare sem at arcu hendrerit, vitae tempor lacus tincidunt. Morbi egestas magna nec dolor consectetur lobortis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam rutrum luctus elit vel vulputate. Ut at nulla finibus, dictum justo eu, tempor ipsum.

Chrome Firefox Safari Android Browser & WebView Microsoft Edge
Android Supported Supported N/A Android v5.0+ supported N/A
iOS Supported Supported Supported N/A N/A
Windows 10 Mobile N/A N/A N/A N/A Supported

Brskalniki

In in quam nec orci pellentesque luctus ut non nibh. Donec condimentum lorem aliquam erat porttitor volutpat. Vivamus quis malesuada odio, vitae tempus enim.

Chrome Firefox Internet Explorer Microsoft Edge Opera Safari
Mac Supported Supported N/A N/A Supported Supported
Windows Supported Supported Supported, IE10+ Supported Supported Not supported

Maecenas gravida ante id quam blandit, id commodo purus tempor. Donec fermentum ante in imperdiet sodales. Curabitur consectetur elementum risus, id aliquam justo venenatis non.

Fusce ornare sem at arcu hendrerit, vitae tempor lacus tincidunt. Morbi egestas magna nec dolor consectetur lobortis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam rutrum luctus elit vel vulputate. Ut at nulla finibus, dictum justo eu, tempor ipsum.

JavaScript

Vivamus quis malesuada odio, vitae tempus enim. In commodo velit eget nulla semper, non tristique nunc tristique. Proin placerat metus ac eros gravida bibendum. Pellentesque volutpat mauris elit, nec suscipit tellus lobortis a. Proin finibus consectetur enim quis suscipit.

n sed quam leo. Morbi fermentum velit sit amet congue scelerisque. Vestibulum dignissim lacus vel mattis condimentum. Sed faucibus, felis vitae varius commodo, sapien ligula congue mauris, eget blandit purus turpis bibendum est. Phasellus dapibus augue ac mi fermentum, quis vehicula elit aliquam. Nam at ante feugiat, viverra ex sit amet, fermentum urna.

$(document).off('.alert.data-api')

Phasellus non malesuada urna. Pellentesque tempor nunc tincidunt ante aliquet luctus. Aenean vel metus congue, convallis dui eu, cursus felis. Duis eget orci sed turpis bibendum tincidunt. Curabitur ultricies aliquet turpis et dignissim. Sed vitae sapien gravida, tincidunt leo ac, tincidunt leo. Curabitur vitae nunc est. Suspendisse potenti. Aliquam viverra vehicula metus, quis accumsan lorem placerat id. Nullam accumsan, ipsum ac tempor hendrerit, urna justo ornare lorem, non bibendum augue metus non massa.

Opcije

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nibh tortor, congue et tempus in, faucibus ut ipsum. Curabitur et bibendum sem, ut placerat orci. Maecenas vulputate tellus eu dolor commodo gravida.

Nam id euismod turpis. Nunc lobortis lorem non arcu semper, id mollis enim dapibus.

Globalne opcije

Aenean ut aliquam magna. Phasellus posuere, sapien at varius ullamcorper, nunc nunc condimentum elit, eget dignissim neque orci sed justo. Aliquam efficitur tempus eleifend. In fringilla ligula quis finibus pellentesque. Phasellus interdum maximus dictum. Donec sollicitudin libero turpis, eu consectetur ante volutpat vitae.

Spremenljivke Vrednosti Opis
$spacer 1rem (default), or any value > 0 Eu hendrerit ligula sapien a arcu. Ut porta lacus et porttitor interdum.
$enable-rounded true (default) or false Aliquam efficitur tempus eleifend.
$enable-shadows true or false (default) Enables predefined box-shadow styles on various components.
$enable-gradients true or false (default) Phasellus interdum maximus dictum. Donec sollicitudin libero turpis, eu consectetur ante volutpat vitae.
$enable-transitions true (default) or false Ut egestas venenatis est, at lobortis turpis ultrices eu.
$enable-hover-media-query true or false (default)
$enable-grid-classes true (default) or false Maecenas sed quam non nunc fermentum gravida vitae a ipsum (e.g., .container, .row, .col-md-1, etc.).
$enable-print-styles true (default) or false Sed consectetur elit tortor, eget vestibulum ex pretium ac.