widthとpaddingを同時に記述すると、表示が崩れる

Bootstrapのグリッドシステムを使っている最中につまづいたので、備忘録。
pddingを指定すると、グリッドシステムが崩れるなーと思っていたら、
firefoxの仕様だったらしい。

同じ要素にwidthとpaddingを指定した場合、
要素の幅はwidth + paddingになるとの事。
今回、グリッドにwidthが指定されているので、
中の要素を

タグで囲み、

タグにpaddingを指定する事で回避。

参考にしたところはここ。
CSSレイアウトのコツ1　～widthとpaddingを同時に記述しない～