深入理解BootStrap的container

 时间:2024-10-14 15:44:56

1、打开WebStorm集成开发工具,新建‘test.html’页面,并在同级目录创建文件夹,安装bootstrap等,如下图

深入理解BootStrap的container

3、打开网页查看效果如下图,直观感受是container-fluid是满屏宽度,container有自己的宽度,离页面左右边缘有一定距离

深入理解BootStrap的container深入理解BootStrap的container

6、尝试缩小页面宽度,再次查看container的样式,此时启作用的就是媒体查询的当页面宽度992px-1200px之间时,宽度变为970px

深入理解BootStrap的container
  • Dreamweaver如何使用媒体查询
  • 如何用Dreamweaver CS6制作细边框表格
  • DW怎样关闭不可见元素中的命名锚记
  • html/css怎么在DW中手动引用外部层叠样式表
  • Dreamweaver怎么设置代码主题?
  • 热门搜索
    北京 旅游景点 恒山旅游 旅游胜地风景图片 10月份去哪旅游最好 延安旅游网 云南旅游通票 浙江宁波旅游 七月份适合去哪旅游 宝墨园旅游攻略 广西西部旅游联盟