Html 自举不';t充当3个网格布局

Html 自举不';t充当3个网格布局,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,Bootstrap的网格系统使用一系列容器、行和列来布局和对齐内容。它采用flexbox制造,反应灵敏 我正在尝试使用引导创建一个3网格布局。到目前为止,我的代码如下: .box标志填充a{ 显示:内联块; 保证金:0px自动; } @仅介质屏幕和(最小宽度:360px)和(最大宽度:1199px){ .box标志填充a{ 显示器:flex; 保证金:0px!重要; 调整项目:灵活开始!重要; 调整内容:flex start!重要; 文本对齐:左!重要; } } 同侧眼睑 是的,Bootst

Bootstrap的网格系统使用一系列容器、行和列来布局和对齐内容。它采用flexbox制造,反应灵敏

我正在尝试使用引导创建一个3网格布局。到目前为止,我的代码如下:

.box标志填充a{
显示:内联块;
保证金:0px自动;
}
@仅介质屏幕和(最小宽度:360px)和(最大宽度:1199px){
.box标志填充a{
显示器:flex;
保证金:0px!重要;
调整项目:灵活开始!重要;
调整内容:flex start!重要;
文本对齐:左!重要;
}
}

同侧眼睑


是的,Bootstrap是基于
flexbox
构建的,但它遵循
移动优先的方法。在使用Bootstrap-4及以上版本时,我们必须牢记移动设计。从小屏幕开始,根据大屏幕改变我们的课程

以下是您需要做的更改

代码笔链接:

完整工作代码:


同侧眼睑