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

相关文章

来自专栏运维前线

Docker 学习资源整理

Awesome Docker A curated list of Docker resources and projects Inspired by...

3535
来自专栏施炯的IoT开发专栏

EBox4300 Dev Start

EBox4300 Dev Start EBOx4300是ICOP Technology Inc.出的一款针对WinCE学习的jumpstart kit, 同时也...

1736
来自专栏极客编程

用Java为Hyperledger Fabric(超级账本)开发区块链链代码智能合约之编写链代码程序

在上一节中,您已经熟悉了如何构建、运行、部署和调用链代码,但尚未编写任何 Java 代码。

1002
来自专栏康怀帅的专栏

Docker 相关概念总览

Docker 概念总览 Docker Engine Docker 引擎 Docker architecture Docker 架构 Docker daemon ...

3748
来自专栏小灰灰

Java & PhantomJs 实现html输出图片

Java & PhantomJs 实现html输出图片 借助phantomJs来实现将html网页输出为图片 I. 背景 如何在小程序里面生成一张图,分享到朋...

2908
来自专栏博客园迁移

Adobe Acrobat pro生成PDF模版

最近做了一个关于动态生成PDF合同的需求  java生成PDF 网络上随便一搜遍有了

853
来自专栏Hadoop实操

LDAP用户组信息异常导致Sentry授权失效问题分析

问题起因:“80040151”用户反映在Hue上通过Hive查询表数据出现异常,异常信息为权限拒绝,需要通过Sentry授权。然而通过beeline直连Hive...

863
来自专栏Windows Community

Windows Developer Day - Adaptive Cards

概述 Windows Developer Day 在 Modern Application Experience 环节展示了一种可以让开发者以更通用和统一的方式...

2809
来自专栏散尽浮华

Maven私服Nexus3.x环境构建操作记录

Maven介绍 Apache Maven是一个创新的软件项目管理和综合工具。 Maven提供了一个基于项目对象模型(POM)文件的新概念来管理项目的构建,可以从...

32310
来自专栏Android群英传

Google I/O 之 Android App Bundles 是个啥

942

扫码关注云+社区