html设置搜索栏边距,html – Bootstrap向列添加边距

Demo Fiddle

最好的方法是添加一个内部容器,然后在列上填充.这可确保Bootstraps功能保持原样.

HTML

Main Title Right Here

Slogan text underneath

TITLE

TEXT

TITLE

TEXT

TITLE

TEXT

TITLE

TEXT

CSS

.section-container.light-bg {

background-color: #F5F5F5;

color: #444444;

}

.inner {

background-color: #ffffff;

border-radius:10px;

padding:10px;

}

.col-md-3 {

padding:10px;

}

您可以使用计算的宽度/边距.,不需要更改您的HTML.

例如. col-md-3的宽度为100/4 = 25％.因此,您可以将此值减少到20％,并将剩余的5％分配给您的边距.

.col-md-3 {

width:20%;

margin:0 2.5%;

}