怎样用html进行栅格式布局

 时间:2026-02-15 07:12:05

1、用伐陵冲Dreamweaver新建一个html文档。

2、在文档中添加Bootstrap.min.css的链接

怎样用html进行栅格式布局

3、新建一个div,class="row"廊场代表是一行

怎样用html进行栅格式布局

4、在上述div下面添加两个div,class="col-md-5" class="col-md-7"

怎样用html进行栅格式布局

5、在内层两个DIV内部分别填入一些内容

6、制作完成,栅格式布局支持屏幕自动缩块膨放,浏览器缩小时会呈两行显示

怎样用html进行栅格式布局

7、浏览器放大到最大后,内容会在一行显示

怎样用html进行栅格式布局

  • jquery如何改变文本内容
  • 查看java安装路径
  • json格式怎么打开
  • Eclipse如何显示代码行数
  • ubuntu删除文件夹命令
  • 热门搜索
    国庆节的手抄报怎么画 元宵节手抄报简单好看 走进信息世界手抄报 清明节手抄报资料 庆国庆手抄报简单漂亮 九九重阳节手抄报 老师您辛苦了手抄报 关于绿色环保的手抄报 爱护环境手抄报 中秋节手抄报一等奖