Html 无法在引导中获取网格样式

Html 无法在引导中获取网格样式,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我试图用Bootstrap3编写以下设计代码 但不幸的是,我无法得到任何人的帮助 这是我试过的 浏览8个类别的广告 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 1. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3. 3.

我试图用Bootstrap3编写以下设计代码

但不幸的是,我无法得到任何人的帮助

这是我试过的


浏览8个类别的广告
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 1.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.

我添加了以下CSS样式,还添加了一个
容器流体
div(如果使用row,这是必须的)。并纠正了
span
中提到的
sapn

.row{
显示器:flex;
柔性包装:包装;
}
.分类箱{
盒影:3px 1px 3px#aaa,3px-2px 3px#aaa,-1px-2px 3px#aaa;
身高:100%;
位置:相对位置;
底部边框:2倍纯红;
}
.图标{
位置:绝对位置;
顶部:-25px;
字体大小:24px;
填充:6px 15px;
左:50%;
转化:translateX(-50%);
背景颜色:海蓝宝石;
箱形阴影:3px 3px 1px#aaa;
}
.类别标题{
填充:20px 10px;
文本对齐:居中;
背景色:#dedbdb;
}
.col-md-3.col-sm-6.col-xs-12{
边缘底部:45像素;
}
.类别内容{
填充:15px;
}
.类别内容{
填充:0;
}
.类别内容李{
显示器:flex;
}
.类别内容{
左边距:自动;
}

浏览8个类别的广告
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 1.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.
  • 3.