FSWD_BootStrap

Course Overview

响应式设计

适应于各种大小的屏幕。

grid system

CSS

Button

Form

Tables

panel

well

image

media

alert

progress bar

JS

review css

BS的CSS是重叠递进的。

js and jquery

写js code是很繁琐的,因此构建在上面的jquery以及bootstrap方便了用户使用。

use of jquery

引入js文件

使用jquery

tabs and tabbed navigation

Design a web page to use tabbed navigation for organizing the content Use tab panes and organize the content into the panes Facilitate navigation among the tab panes using the tabbed navigation elements

hide and seek

Use the collapse plugin to hide/reveal content Construct the accordion using panels and panel-group class Use the scrollspy to reflect the current position of the scroll Employ the affix plugin to fix the position of the nav element after an initial scroll

scrollspy and affix

Design an accordion using the collapse plugin together with the panel component and panel-group class Use a scrollspy to highlight the current scroll position in a nav Use the affix plugin together with the scrollspy on the side nav component

Tooltips, Popovers and Modals

Set up a tooltip to be displayed when the user hovers over an area of the page Enable popovers when the user clicks on a link or button Reveal and hide modals when the user clicks on a link or button

carousel

Use a carousel component in your web page Configure various aspects of the carousel Add controls to the carousel to manually control it

Node.js

Node js runtime

Node.js可以使JS用在后端,所以js可以前后端都用。

NPM

CSS preprocessor

CSS有很多正常编程语言可以实现的功能实现不了,这就是preprocessor的来源。

example

less

sass

Web tools

developed using js Understand the need for web tools Make use of Bower to automatically fetch Web packages and assets.

好处是只需要更改json file,而不需要包含所有的依赖。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏葡萄城控件技术团队

三天学会HTML5 ——多媒体元素的使用

目录 1. HTML5 Media-Video 2. HTML5 Media-Audio 3. 拖拽操作 4. 获取位置信息 5. 使用Google 地图获取位...

2279
来自专栏腾讯大讲堂的专栏

Excel数据操作与处理

作者:聂春霞,2001年毕业于南京邮电大学,在中国移动通信集团江西有限公司工作近4年,2005年加入腾讯公司,现就职于腾讯公司MIG运营商业务部,专注数据分析岗...

1867
来自专栏Google Dart

AngularDart Material Design 单选按钮 顶

具有材料风格的单选按钮。 通常与material-radio-group一起使用。 选中后,无法通过用户操作取消选中相同的单选按钮。

1162
来自专栏吴老师移动开发

【iOS开发】UITableView优化

移动开发中,任何一个应用都或多或少的有列表的存在,列表的上下滑动直接关系到用户体验。如果处理不好,就会使得列表滑动起来有明显的卡顿效果。所以对列表的优化,让它更...

911
来自专栏Coco的专栏

【前端性能】高性能滚动 scroll 及页面渲染优化

2257
来自专栏软件开发

CSS3与页面布局学习总结(四)——页面布局大全

一、负边距与浮动布局 1.1、负边距 所谓的负边距就是margin取负值的情况,如margin:-100px,margin:-100%。当一个元素与另一个元素m...

3836
来自专栏進无尽的文章

兼容 - 纯代码完美适配 iPhoneX

本文主要针对适配 iPhoneX列出一些关键点,仔细阅读可完美适配 iPhoneX,其中还有一些是适配 iOS11的, 话不多少,开始正餐。

4122
来自专栏菜鸟前端工程师

react-开发经验分享-modal框内嵌form表单数据提交到父级页面问题

1152
来自专栏walterlv - 吕毅的博客

WPF 应用完全模拟 UWP 的标题栏按钮

发布于 2018-08-04 09:35 更新于 2018-08...

552
来自专栏蔡述雄的专栏

包学会之浅入浅出Vue.js:升学篇

上一篇《包学会之浅入浅出Vue.js:开学篇》中,我们初步了解单页面组件这个概念,现在通过一个项目,来进一步解析组件的应用吧。

25.8K26

扫码关注云+社区