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 条评论
登录 后参与评论

相关文章

来自专栏IMWeb前端团队

一年前的焦点bug终于找到原因了, 图标文本对齐完美了~

? 正常来说点击可编辑框末尾空白,光标默认会闪烁在末尾 , 但是闪到了倒数第二个了....当时一直以为js有问题...压根没想到是一个top属性.... 虽然...

1969
来自专栏滕先生的博客

react-native 跨平台滤镜集成

3538
来自专栏hrscy

iOS常见问题总结(二)

在导入框架libxml2.2.dylib后, 最到了XCode仍然找不到<libxml/tree.h>的情况, 最后解决过程如下: 1 )项目 -Targ...

812
来自专栏小白安全

FreeBuf官网发布《简易Python Selenium爬虫实现歌曲免费下载》

主要思路就是爬取播放页里的播放源文件的url,程序可以读取用户输入并返回歌单,,,因为在线网站包含大量js,requests就显得很无奈,又懒得手动解析js...

3255
来自专栏跟着阿笨一起玩NET

WinForm自定义验证控件

本文转载:http://blog.csdn.net/ziyouli/article/details/7583824

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

作为JavaScript开发人员,这些必备的VS Code插件你都用过吗?

如今,Visual Studio Code无疑是最流行的轻量级代码编辑器。它确实从其他代码编辑器那借鉴了很多,最主要是从Sublime和Atom那里。然而它的成...

1171
来自专栏前端之路

VSCode安装与配置

1234
来自专栏JAVA高级架构开发

使用 CodeMirror 打造属于自己的在线代码编辑器

写这个的目的是因为之前项目里用到过 CodeMirror,觉得作为一款在线代码编辑器还是不错,也看到过有些网站用到过在线代码编辑,当然我不知道他们是用什么做的,...

1390
来自专栏Jerry的SAP技术分享

Jerry和您聊聊Chrome开发者工具

Chrome开发者工具是Jerry日常工作使用的三大调试器之一。虽然工具名称前面带了个"开发者", 但是它对非开发人员仍然有用。不信?

3583
来自专栏企鹅号快讯

手把手教你用vue2.0写个弹窗组件

在开始之前需要了解一下开发vue插件的前置知识,推荐先看一下vue官网的插件介绍(https://cn.vuejs.org/v2/guide/plugins.h...

3288

扫码关注云+社区