読者です 読者をやめる 読者になる 読者になる

Debuginfo

思考とアウトプット

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">

参考