深入理解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怎么设置代码主题?
  • 热门搜索
    云南昆明旅游景点 常熟旅游网 茂县旅游 九寨沟旅游注意事项 湖南旅游攻略自助游 国外旅游胜地 揭阳旅游 去哪旅游好玩 宁波东钱湖旅游学校 厦门周边旅游景点