css Bootstrap Containerのサイズをカスタムする方法[改订版]
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css Bootstrap Containerのサイズをカスタムする方法[改订版]相关的知识,希望对你有一定的参考价值。
/* 通常のcontainerが750px-970px-1170pxなのでsmallの間にmiddeleを追加 */
@media (min-width: 768px) {
.container-small {
width: 300px;
}
.container-middle {
width: 500px;
}
}
@media (min-width: 992px) {
.container-small {
width: 500px;
}
.container-middle {
width: 700px;
}
}
@media (min-width: 1200px) {
.container-small {
width: 700px;
}
.container-middle {
width: 900px;
}
}
/* 作成したカスタムコンテイナーがウィンドウ幅からはみ出ないように調整*/
.container-small,
.container-middle {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 100%;
}
以上是关于css Bootstrap Containerのサイズをカスタムする方法[改订版]的主要内容,如果未能解决你的问题,请参考以下文章
bootstrap container 宽度问题
bootstrap中container类和container-fluid类的区别
python测试开发django-133.Bootstrap 容器 container和 container-fluid
如何在 Bootstrap 中引用 $container-max-widths
bootstrap官网中class="container-fluid"实现的是啥效果
bootstrap去除自带15px内边距,去除container 15px padding