1.col-md-push-3 :向右移动3 2.col-md-pull -9 : 向左移动9 3.clearfix: 清除元素浮动问题 4. col-md-offset-3: 向右偏移 5.pull-left :元素浮动到左边 6..close:显示关闭按钮 7.caret : 显示下拉式功能 8 ...
分类:
其他好文 时间:
2017-07-06 01:06:45
阅读次数:
218
前面的话 缩略图在网站中最常用的地方就是产品列表页面,一行显示几张图片,有的在图片底部(左侧或右侧)带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件,本文将详细介绍Bootstrap缩略图 概述 Boostrap 缩略图的默认设计仅需最少的标签就能展示带链接的图片,通过“thu ...
分类:
其他好文 时间:
2017-07-05 11:36:07
阅读次数:
162
1.Bootstrap 按钮下拉菜单 向按钮添加下拉菜单,只需要简单地在在一个 .btn-group 中放置按钮和下拉菜单即可。您也可以使用 <span class="caret"></span> 来指示按钮作为下拉菜单。 1.1分割的按钮下拉菜单 分割的按钮下拉菜单使用与下拉菜单按钮大致相同的样式 ...
分类:
其他好文 时间:
2017-07-02 17:48:25
阅读次数:
258
bootstarp 前端框架 响应式布局 1.引入jquery的js文件 2.引入boostrap的js文件 3.引入bootstrap的css文件 4.设置视口(支持移动设备优先) <meta name="viewport" content="width=device-width, initial ...
分类:
其他好文 时间:
2017-06-27 20:49:15
阅读次数:
126
表格是Bootstrap的一个基础组件之一,Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。在使用Bootstrap的表格过程中,只需要添加对应的类名就可以得到不同的表格风格,本文将详细介绍Boostrap表格 基本实例 Boostrap将表格<table>的样式重 ...
分类:
其他好文 时间:
2017-06-25 23:57:22
阅读次数:
274
前面的话 Bootstrap为我们提供了非常好看且易用的表格样式,利用Boostrap可以快速的创建出不同样式的表格,本文将详细介绍Boostrap表格 基本实例 Boostrap将表格<table>的样式重置如下 为任意<table>标签添加.table类可以为其赋予基本的样式—少量的内边距(pa ...
分类:
其他好文 时间:
2017-06-24 21:54:33
阅读次数:
229
无样式列表 list-unstyled:去掉ul的默认样式 内联列表 list-inline:将ul子元素放置于同一行 ...
分类:
其他好文 时间:
2017-06-17 13:14:14
阅读次数:
172
这是我在学习Boostrap网页开发时遇到的主要知识点: 1.导航条navbar 添加.navbar-fixed-top类可以让导航条固定在顶部,固定的导航条会遮住页面上的其他内容,除非给<body>元素设置了padding。 导航条的默认高度是50px,比如设置:body{ padding-top ...
分类:
Web程序 时间:
2017-06-06 19:59:27
阅读次数:
239
一 前言: 在用wex5制作页面时,会遇到页面左右晃动的问题。如下图: 还有字符超过宽度后的问题: 总之页面晃来晃去,会影响手指触摸。下面分析并解决这个问题。 二,问题分析与解决: 页面晃动总的分为两类: 1 boostrap超出页面 以row和boostrap row为例 经过对比,boostra ...
分类:
其他好文 时间:
2017-06-06 01:01:51
阅读次数:
829