本文介绍了Bootstrap的响应式布局特性，它能自动适应不同屏幕大小，简化移动设备页面设计。使用Bootstrap进行布局只需添加特定的HTML标签和class，如`container-fluid`、`img-responsive`等实现元素自适应。此外，通过`btn-block`、`col-*`等类可以轻松实现按钮和网格系统的布局。同时，引入Font Awesome库可以方便地添加图标。
自己留着看。
Bootstrap会自动获取使用者屏幕的大小,并根据屏幕的大小自动调整HTML元素的宽度和高度来适配屏幕,因此称之为--响应式布局。
通过响应式布局,你不再需要为你的Web站点重新设计一个手机版的页面,Bootstrap会自动帮你调整好在手机页上的页面显示,事实上,Bootstrap在任何宽度的设备上都能适应得很好。
使用Bootstrap也非常简单,你只需要把下面的链接添加到你需要使用Bootstrap来进行布局的应用的头部：
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap /3.3.1/css/bootstrap.min.css"/>
1.在html的最外层加上<div class="container-fluid"></div>
最低0.47元/天 解锁文章
1610
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
