a_Keri的博客

Bootstrap基础入门一、Bootstrap介绍什么是bootstrap?简单，直观，强悍的前端开发框架，让web开发更迅速，简单。来自Twitter，是目前很受欢迎的前端框架之一。Bootstrap是基于HTML,CSS,Javascript的    2.特点移动端设备优先：自Bootstrap3起，框架包含了贯穿于整个库的移动设备优先的样式响应式设计：采用栅格布局（底层实现原理：媒体查询结...

Bootstrap基础入门(二)一、Bootstrap预定义样式风格概念：在一些标签或者组件中用来描述状态的class类常见的预定义样式风格类primary(首选项)success(成功)info(一般信息)wraning(警告)danger(危险)    3.常用预定义样式风格类的标签或组件"*"：代表primary，success,info,wraning,danger按钮样式：btn-*背景...

Bootstrap基础入门(三)一、Bootstrap选项卡头部导航基类：nav修饰类：        (1)  nav-tabs              nav-justified:内容两端对齐              nav-tabs-justified:下面的线实现两端对齐        (2) nav-pills：胶囊式                      说明：也可以设置nav...

Bootstrap基础入门(四)一、Bootstrap实现表格表格结构    2.<table>上的类table:为<table>添加基本样式table-striped:为主体内容添加斑马线形式的条纹table-bordered:为所有表格的单元格添加边框table-hover:为主体内容每一行添加鼠标悬停状态table-condensed:可以让表格更加紧凑，单元格中的内...

Bootstrap轮播(Carousel)插件1.页面布局轮播图的容器添加类名 .carousel 声明为相对定位的容器包含所有内容的容器添加类名 .carousel-inner轮播的每一项添加类名 .item，当前轮播的一项额外添加 .active控制轮播的左右按钮添加类名 .carousel-control        左按钮："left"        右按钮："right"若需要添加小圆...

Bootstrap模态框(Modal)插件1.定义模态框(Modal)是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互。2.设置方法模态框设置"modal",一般给它赋予角色 role="dialog"模态框入口设置:通过data属性，在控制器元素(比如按钮或者链接)上设置data-toggle="modal",同时设置d...