CSS: Bootstrap fixes for SharePoint

sharepoint-style.css

/*bootstrap resets for SharePoint*/
*, *:before, *:after {
	-moz-box-sizing: content-box; /*border-box causes many issues with SP*/
}

* [class^="span"], * [class^="span"]:before, * [class^="span"]:after {
	-moz-box-sizing: border-box;
}

img {
	max-width: none;
	width: auto;
}

* [class^="span"] img {
	max-width: 100%; /*for images inside span grid*/
}

#scriptWPQ2 img, img.ms-webpart-menuArrowImg, #applist img {
	width: auto; /*within a span may still need to have width of image not 100% for SP2013 OOTB features/imges*/
	max-width: none;
}

.ms-siteactions-imgspan {
	float: none;
	margin: 0px;
}

#s4-ribbonrow [class*="span"] {
    float: none;
    margin-left: 0px;
    line-height: 1.2em;
}

input.ms-cui-cb-input {
	height: 14px;
    padding: 3px 7px 2px;
}

select, input[type="file"] {
    height: auto;
    line-height: 20px;
}

label {
    display: inline-block;
    margin-bottom: 0px;
}
/*end bootstrap resets*/

Thank you for this CSS code. It was a great help as a starting point to make the changes I needed. I have folked this file and updated it to allow for bootstrap to work within a SharePoint CEWP while blocking it from altering the SharePoint suiteBar and s4-ribbonrow areas.

https://gist.github.com/danawesome/91cba156a096e8a60f85e2e521da6061