2015年11月24日
Bootstrap_表单_图像
摘要： 在Bootstrap框架中对于图像的样式风格提供以下几种风格：1、img-responsive：响应式图片，主要针对于响应式设计2、img-rounded：圆角图片3、img-circle：圆形图片4、img-thumbnail：缩略图片使用方法非常简单，只需要在标签上添加对应的类名。 阅读全文
posted @ 2015-11-24 22:14 Core丨 阅读(257) 评论(0) 推荐(0) 编辑
Bootstrap_表单_按钮
摘要： 一、多标签支持 一般制作按钮除了使用标签元素之外，还可以使用和标签等。 同样，在Bootstrap框架中制作按钮时，除了刚才所说的这些标签元素之外，还可以使用在其他的标签元素上，唯一需要注意的是，要在制作按钮的标签元素上添加类名“.btn”。button标签按钮a标签按钮span标签按钮div标... 阅读全文
posted @ 2015-11-24 00:32 Core丨 阅读(348) 评论(0) 推荐(0) 编辑
2015年11月23日
Bootstrap_表单_表单提示信息
摘要： 平常在制作表单验证时，要提供不同的提示信息。在Bootstrap框架中也提供了这样的效果。使用了一个"help-block"样式，将提示信息以块状显示，并且显示在控件底部。 成功状态 你输入的信息是正确的 警告状态 请输入正确信息 ... 阅读全文
posted @ 2015-11-23 23:56 Core丨 阅读(560) 评论(0) 推荐(0) 编辑
Bootstrap_表单_表单控件状态
摘要： 一、焦点状态 焦点状态是通过伪类“:focus”来实现。Bootstrap框架中表单控件的焦点状态删除了outline的默认样式，重新添加阴影效果。 二、禁用状态 Bootstrap框架的表单控件的禁用状态和普通的表单禁用状态实现方法... 阅读全文
posted @ 2015-11-23 23:55 Core丨 阅读(310) 评论(0) 推荐(0) 编辑
Bootstrap_表单_表单控件
摘要： 一、输入框input 单行输入框，常见的文本输入框，也就是input的type属性值为text。 在Bootstrap中使用input时也必须添加type类型，如果没有指定type类型，将无法得到正确的样式，因为Bootstrap框架都是通过input[type=“?”](其中?号代表type类... 阅读全文
posted @ 2015-11-23 23:31 Core丨 阅读(854) 评论(0) 推荐(1) 编辑
Bootstrap_表单_表单样式
摘要： 一、基础表单 邮箱： 密码 记住密码 进入邮箱 表单除了这几个元素之外，还有input、select、textarea等元素，在Bootstrap框架中... 阅读全文
posted @ 2015-11-23 22:49 Core丨 阅读(943) 评论(0) 推荐(0) 编辑
Bootstrap_排版_表格
摘要： 一、基础表格 表格标题 表格标题 表格标题 表格单元格 表格单元格 表格单元格 表格单元格 表格单元格 表格单元格 基础表格在Bootstrap中，对于基础表格是通过类名“.table”来控制。“.table... 阅读全文
posted @ 2015-11-23 22:01 Core丨 阅读(1336) 评论(0) 推荐(0) 编辑
Bootstrap_排版_代码
摘要： 不管使用哪种代码风格，在代码中碰到小于号（)使用“>”来替代一、单行内联代码 ：一般是针对于单个单词或单个句子的代码<code><pre><kbd>二、多行块代码 ：一般是针对于多行代码（也就是成块的代码）<ul><li>..... 阅读全文
posted @ 2015-11-23 21:55 Core丨 阅读(395) 评论(0) 推荐(0) 编辑
2015年11月22日
Bootstrap_排版_列表
摘要： 一、基本列表普通列表 列表项目 列表项目 列表项目 列表项目 列表项目有序列表 项目列表一 项目列表二 项目列表三二、去点列表 通过给无序列表添加一个类名“.list-unstyled”,这样就可以去除默认的列表样式的风格。 不带项目符... 阅读全文
posted @ 2015-11-22 23:13 Core丨 阅读(368) 评论(0) 推荐(0) 编辑
Bootstrap_排版_文字样式
摘要： 一、段落 段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式（这里所说的文本是指正文文本）：1、全局文本字号为14px(font-size)。2、行高为1.42857143（line-height），大约是20px(大家看到一串的小数或许会有疑惑，其实他是通过LE... 阅读全文
posted @ 2015-11-22 23:01 Core丨 阅读(6657) 评论(0) 推荐(1) 编辑
Bootstrap_排版_标题
摘要： Bootstrap和普通的HTML页面一样，定义标题都是使用标签到,只不过Bootstrap覆盖了其默认的样式，使用其在所有浏览器下显示的效果一样，具体定义的规则可以如下表所示：Bootstrap标题一Bootstrap标题二Bootstrap标题三Bootstrap标题四Bootstrap标题五B... 阅读全文
posted @ 2015-11-22 22:24 Core丨 阅读(314) 评论(0) 推荐(0) 编辑
Bootstrap_基本HTML模板
摘要： Bootstrap的HTML标准模板 阅读全文
posted @ 2015-11-22 21:57 Core丨 阅读(811) 评论(0) 推荐(0) 编辑