有其他的RWD框架吗? 为什么要选 Bootstrap ?-51CTO学堂-bootstrap ui框架

{{ interaction.likeNum == 0 ? (pageType === 'video' ? '抢首赞' : '点赞') : formatNumber(interaction.likeNum) }} {{ interaction.collectionNum == 0 ? '收藏' : formatNumber(interaction.collectionNum) }} {{ interaction.discussNum == 0 ? (pageType === 'video' ? '抢沙发' : '讨论') : formatNumber(interaction.discussNum) }}

提问 {{ interaction.noteNum > 0 ? interaction.noteNum + '篇笔记' : '记笔记' }} 离线观看

下载学堂APP

缓存视频离线看

报告问题离线观看

下载学堂APP

缓存视频离线看

课程介绍

讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}

适合人群

网页设计师前端工程师视觉设计师想了解 RWD 响应式网站的人

你将会学到

会使用BS4 切出各种版型，业界案例带着你做购物网、Landing page、个人网站、企业网站、客制化网站都将难不倒您！这堂课的苏 Seafood 会手把手地透过 Bootstrap 4 实作各种业界案例，有了这样的加持，面对各种版型的网站，都能轻松应对

课程简介

三「实」内容，即战升级！

搞懂原理＋业界实战＋接案运用= 即战能力升级

实在

理解Bootstrap 的运作原理，弄清它的架构与规则

将Bootstrap include 后，东改西改弄的乱七八糟？或是为了应急加上!important，最后只好砍掉重练？这里带您弄懂Bootstrap 4的原理，学习对症下药、正确写法。

BS3 升级至BS4 并学习各项应用技巧

Bootstrap 3 ? 先别说这个了，您有听说Bootstrap 4？了解升级后的差异和规则，并学习灵活运用各种BS4 当中的元件技巧。

实战

使用BS4 快速建置响应式网站

响应式网站是Bootstrap 很重要的一个功能，这堂课将教您正确地使用BS4进行响应式网站的页面建置，不再发生手机版突然跑版的状况。

会使用BS4 切出各种版型，业界案例带着你做

购物网、Landing page、个人网站、企业网站、客制化网站都将难不倒您！这堂课会手把手地透过Bootstrap 4 实作各种业界案例，有了这样的加持，面对各种版型的网站，都能轻松应对。

实用

使用Bootstrap 接案的经验传承

学BS4 当然是要让更接案顺利呀，不然要干嘛! 这堂课程，将分享老师在接案过程中运用Bootstrap 的相关知识和技巧分享，让您不仅仅是学，更能加强实务本领。

課程介紹.png

展开更多

发布

置顶笔记

{{ item.create_time }}{{ Number(item.like_count) || '' }}回复

删除
是否确认删除?
确认
取消
{{ item.is_top == 1 ? '取消置顶' : '置顶'}}
已有置顶的讨论，是否替换已有的置顶？
确认
取消

{{ subitem.create_time }}{{ Number(subitem.like_count) || '' }}回复

删除

点击查看更多收起

发布

{{ noteHeaderTitle }} 笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}

优质笔记

更新于：{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}

公开笔记对他人可见，有机会被管理员评为“优质笔记”

{{ noteEditor.content.length }}/2000

公开笔记

保存

提问

讲师收到你的提问会尽快为你解答。若选择公开提问，可以获得更多学员的帮助。

记录时间点

记录提问时视频播放的时间点，便于后续查看

公开提问

提交