BootStrap复习总结

【BootStrap复习总结】的更多相关文章

bootstrap复习：组件

一.下拉菜单 1.实例:将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里,或者另一个声明了 position: relative; 的元素.然后加入组成菜单的 HTML 代码.为下拉菜单的父元素添加 .dropup 类还可以让菜单向上弹出(默认是向下弹出). <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button&qu…

bootstrap复习：全局样式

一.概览 1.Bootstrap 是移动设备优先的. 2.在移动设备浏览器上,通过为视口(viewport)设置 meta 属性为 user-scalable=no 可以禁用其缩放(zooming)功能. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 二.布局容器 1.Bootstrap 需要为…

Bootstrap3 复习总结: 1. 栅格系统: sm:768px md:992px lg:1200px (响应式布局) 1.横向分割页面的空间. 2.在分割的同时考虑到响应式. 内部实现是12列的栅格系统,为什么是12? 答:因为12是1,2,3,4,6的最小公倍数,所以12列栅格系统相对较灵活 .col .col-md-2 .col-sm-3 ... 2.表单 .container .form-group (内容是margin-bottom:1rem;) .has-erro…

bootstrap复习

菜单 <div class="row">下拉菜单/分裂菜单</div> <div class="dropdown btn-group">  <a href="#" class="btn btn-primary dropdown-toggle" data-toggle = "dropdown">菜单</a> <…

html+css复习之第3篇 | jquery | bootstrap

html+css复习之第3篇 | jquery | bootstrap…

【温故知新】——Bootstrap响应式知识点复习

前言:本文是自己在学习课程中的课程笔记,这里用来温故知新的,并非本人原创. 开发工具 1.记事本,Editplus,... ... 2.Sublime,Dreamweaver 3.Webstorm ======================================== 一.什么是响应式网页 Responsive Web Page,响应式网页/自适应网页,即一个页面既可以在PC浏览器中浏览,也可以在手机/平板中浏览.并且配合不同设备有不同的响应结果响应式网页的特点: 1.页面上的图片和…

前端Js复习-前后台的搭建-结合Bootstrap和JQuery搭建vue项目

流式布局思想 """ 页面的尺寸改变动态改变页面布局,或是通过父集标签控制多个子标签,这种布局思想就称之为 - 流式布局思想 1) 将标签宽高设置成百分比,就可以随屏幕(父集)缩放而缩放 2) 将标签宽高设置成视图百分比,就可以随屏幕缩放而缩放 3) 将子集字体设置成继承值,就可以通过父集统一控制子集 """ 例子: <!DOCTYPE html> <html lang="zh"> <hea…

从零开始学Bootstrap(1)

最近需要做一个简单的Web页面. 考虑到前端经验不足,为了快速产出,同时项目只是一个工具,对项目没有什么要求,所以我选择了Bootstrap这个框架作为Web框架. 写从零开始学Bootstrap的初衷: 看了半天的Bootstrap的文档,包括官方的(http://v3.bootcss.com/getting-started/)和非官方的(http://www.runoob.com/bootstrap/bootstrap-tutorial.html),以及他人写的简单入门博客(http://w…

Angularjs + Bootstrap 制作的一个TODO List

看了一个关于Angularjs的视频,视频内容讲解的是如何制作一款TODO list形式的SPA(Simple Page Application,单页面应用).为了增强理解,下面写了一篇文章,用以复习巩固. 准备 Angularjs下载 CDN加速 npm 方式常规方式 Bootstrap下载知识储备 MVC 架构 ng-app ng-controller ng-model 事件基础 ng-click 完整代码 mainjs todolisthtml 页面效果代码详解创建应用创建控制器…

前端笔记之移动端&响应式（上）媒体查询&Bootstrap&动画库&zepto&velocity

一.媒体(介)查询 1.1 基本语法媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成.媒体查询中可用于检测的媒体特性有:width.height和color(等).使用媒体查询可以在不改变页面内容的情况下,为特性的一些输出设备定制显示效果. 使用 @media 查询,你可以针对不同的媒体类型(媒体.媒介)定义不同的样式.@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的. 基本语法: @media 约束词媒体类型…