Bootstrap Learning响应式开发指南
响应式设计的老朋友——Bootstrap,真的还是挺好用的,是你想快速搭个前端页面、UI 也要统一的时候。它自带的栅格系统和各种 UI 组件,基本能应付大多数常见需求,响应也快,代码也清爽。
我推荐你看看几个增强插件,嗯,用好了能省不少事。像Fuel UX,加上之后立马多了几个实用组件,表单、数据展示都更强了。还有BootMetro,直接把界面换成 Win8 风格,做那种管理后台挺合适的。
如果你要让用户填表单,不妨试试jqBootstrap Validation,验证效果直接套用 Bootstrap 样式,看起来挺专业。加个DatePicker或ColorPicker,选日期选颜色也都方便。要是你搞上传功能,jQuery File Upload是个老牌好用的插件,拖拽、多文件上传都有。
还有像Bootbox JS这种对话框库,跟 Bootstrap 模态框配合得自然,写交互时不用从零开始。顺便一提,DataTables也挺强,搜索、分页、排序一条龙,适合表格多的项目。
如果你懒得从头写 UI,直接上Bootsnipp逛逛,里面有现成的代码片段,导航栏、登录框、模态框都有,复制贴上就能跑。Bootstrap的生态真不小,找点资源、找点灵感,根本不愁。
如果你刚学前端,又想页面做得靠谱点,Bootstrap算是个不错的跳板。用熟了,你也能轻松搞定各种响应式布局。如果你想拓展一下,不妨看看这些相关文章:
323.5KB
文件大小:
评论区