Commit 346bb975 authored by Mark Otto's avatar Mark Otto
Browse files

markdown for 3rd party

parent 0d84bc19
Showing with 12 additions and 7 deletions
+12 -7
<div class="bs-docs-section"> ---
<h1 id="third-parties" class="page-header">Third party support</h1> layout: page
<p class="lead">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.</p> title: Third party support
---
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. Learn more about [box model and sizing at CSS Tricks](http://css-tricks.com/box-sizing/).
Depending on the context, you may override as-needed (Option 1) or reset the box-sizing for entire regions (Option 2).
<h3 id="third-box-sizing">Box-sizing</h3>
<p>Some third party software, including Google Maps and Google Custom Search Engine, conflict with Bootstrap due to <code>* { box-sizing: border-box; }</code>, a rule which makes it so <code>padding</code> does not affect the final computed width of an element. Learn more about <a href="http://css-tricks.com/box-sizing/">box model and sizing at CSS Tricks</a>.</p>
<p>Depending on the context, you may override as-needed (Option 1) or reset the box-sizing for entire regions (Option 2).</p>
{% highlight scss %} {% highlight scss %}
/* Box-sizing resets /* Box-sizing resets
* *
...@@ -48,4 +54,3 @@ ...@@ -48,4 +54,3 @@
.reset-box-sizing(); .reset-box-sizing();
} }
{% endhighlight %} {% endhighlight %}
</div>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment