bootstrap响应式页面布局案例
1、创建一个HTML页面,命名为index.html,页面title为响应式布局。

3、使用bootstrap中的.container 类创建网页头部div块和内容div块,.container 类是用于固定宽度并支持响应式布局的容器类。

5、在内容div内,通过bootstrap中的.row类创建一行,用于创建响应式内容展莲镘拎扇示。注:bootstrap是使用栅格系统,通过一系列的行(row)与列(column)的组合来创建页面布局。

7、运行代码,在浏览器查看效果:

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:50
阅读量:31
阅读量:64
阅读量:78
阅读量:83