+++ /dev/null
----
-layout: page
-title: Basic template
-group: getting-started
----
-
-Start with this basic HTML template, or modify [these examples](../examples/). We hope you'll customize our templates and examples, adapting them to suit your needs.
-
-Copy the HTML below to begin working with a minimal Bootstrap document.
-
-{% highlight 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">
- </head>
- <body>
- <h1>Hello, world!</h1>
-
- <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
- <!-- Include all compiled plugins (below), or include individual files as needed -->
- <script src="js/bootstrap.min.js"></script>
- </body>
-</html>
-{% endhighlight %}
+++ /dev/null
----
-layout: page
-title: Third party support
-group: getting-started
----
-
-While we don't officially support any third party plugins or add-ons, we do offer some useful advice to help avoid potential issues in your projects.
-
-## Box-sizing
-
-Some third-party software, including Google Maps and Google Custom Search Engine, conflict with Bootstrap due to `* { box-sizing: border-box; }`, a rule which makes it so `padding` does not affect the final computed width of an element. These widgets expect the box model to be `content-box` instead. Learn more about [box model and sizing at CSS Tricks](https://css-tricks.com/box-sizing/).
-
-You can deal with this conflict by overriding the box model back to `content-box` just for the third-party widget's section of the page:
-
-{% highlight scss %}
-/* Box-sizing reset
- *
- * Override an entire region's box model via CSS
- * to avoid conflicts due to the global box model settings of Bootstrap.
- */
-.selector-for-some-widget {
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
-}
-{% endhighlight %}
projects / thirdparty / bootstrap.git / commitdiff
