Bootstrap3のMobileで見たときにヘッダの余白が15pxできてしまう現象を解決する

下記の写真（右上！）のようにモバイルで見たときに微妙に余白ができてズレる現象が起きました。

f:id:shoheik:20140522072424p:plain

デバッグツールで見てみると.rowのmarginが影響しているようです。

解決方法は、

.rowFullWidth
{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

をcss/scssに書き、.rowの後に追加する

<div class="row rowFullWidth">

Debuginfo