ボックスのサイズ変更ブートストラップ

https://getbootstrap.com/docs/4.0/getting-started/introduction/#box-sizing

ボックスのサイズ変更

CSSでのより直接的なサイズのために、私たちはグローバルスイッチbox-sizingから値をcontent-boxしますborder-box。これは確実にpadding要素の最終計算された幅に影響を与えませんが、GoogleマップやGoogleカスタム検索エンジンのようないくつかのサードパーティ製のソフトウェアの問題を引き起こす可能性があります。

まれには、次のようなものを使用し、それを上書きする必要があります。

 

.selector-for-some-widget {
  box-sizing: content-box; }

上記のスニペットと、ネストされた要素を含む、生成されたコンテンツを介して、::before及び::after-will全ては、指定された継承box-sizingそのために.selector-for-some-widget。

詳細については、こちらをご覧くださいCSSのトリックで、ボックスモデルとサイズ。