菜鸟菜鸟菜菜鸟

摘要： Bootstrap 还有一种属于按钮的 class 属性叫做btn-default 。 to 阅读全文

摘要： Bootstrap 有一个 class 属性叫做 well，它的作用是为设定的列创造出一种视觉上的深度感（一种视觉上的效果，动手写代码体会一下）。 阅读全文

摘要： Font Awesome 是一个非常方便的图标库。这些图标都是矢量图形，被保存在 .svg 的文件格式中。这些图标就和字体一样，你可以通过像素单位指定它们的大小，它们将会继承其父HTML元素的字体大小。 你可以将 Font Awesome 图标库增添至任何一个应用中，方法很简单，只需要在你的 HTM 阅读全文

摘要： class属性 col-md-*,md 表示 medium (中等的)，* 代表一个数字，它指定了这个元素所占的列宽。 在中等大小的屏幕上(例如笔记本电脑)，元素的列宽被指定了。 col-xs-* ，其中 xs 是 extra small 缩写（应用于较小的屏幕，比如手机屏幕），* 是你需要填写的数 阅读全文

摘要： 浅蓝色 btn-info 被用在那些用户可能会采取的操作上。 红色btn-danger被用来提醒用户该操作具有“破坏性”，例如删除一张猫的图片。 阅读全文

摘要： 通常情况下，你的 button 元素仅与它所包含的文本一样宽。通过使其成为块级元素，你的按钮将会伸展并填满页面整个水平空间，任何在它之下的元素都会跟着浮动至该区块的下一行。 这张图阐述了行内元素与块级元素的区别： 阅读全文

摘要： Bootstrap将会根据你的屏幕的大小来调整HTML元素的大小 通过响应式设计，你无需再为你的网站设计一个手机版的。它在任何尺寸的屏幕上看起来都会不错。 你仅需要通过添加下列代码到你的HTML开头来将Bootstrap添加到任意应用中： <link rel="stylesheet" href="/ 阅读全文

摘要： 当你需要确保某元素具有指定的 CSS 时，你可以使用!important。 举例如下： color: pink !important; 阅读全文

摘要： 元素的 padding 控制元素内容 content和元素边框 border 之间的距离。 元素的外边距 margin 控制元素边框 border 和元素实际所占空间的距离,如果你将一个元素的 margin 设置为负值，元素将会变大。 阅读全文

摘要： 使用checked属性，你可以设置复选按钮和单选按钮默认被选中。 为此，只需在input元素中添加属性checked <input type="radio" name="test-name" checked> 阅读全文

摘要： 复选按钮是input的输入框的另一种类型。 每一个复选按钮都应该嵌套进label元素中。 所有关联的复选按钮应该具有相同的name属性。 下面是复选按钮的例子： <label><input type="checkbox" name="personality"> Loving</label> 阅读全文

摘要： 单选按钮只是input输入框的一种类型。 每一个单选按钮都应该嵌套在它自己的label(标签)元素中。 注意：所有关联的单选按钮应该使用相同的name属性。 下面是一个单选按钮的例子： <label><input type="radio" name="indoor-outdoor"> Indoor< 阅读全文

摘要： 为form添加一个submit(提交)按钮，点击这个按钮，表单中的数据将会被发送到通过action属性指定的地址上。 下面是submit按钮的例子： <button type="submit">this button submits the form</button> 阅读全文

摘要： 当你设计表单时，你可以指定某些选项为必填项(required)，只有当用户填写了该选项后，用户才能够提交表单。 例如，如果你想把一个文本输入字段设置为必填项，在你的input元素中加上required属性就可以了，你可以使用：<input type="text" required> 阅读全文

摘要： 使用HTML来构建可以跟服务器交互的Web表单(form)，通过给你的form元素添加一个action属性来达到此目的。 action属性的值指定了表单提交到服务器的地址。 例如： <form action="/url-where-you-want-to-submit-form-data"></fo 阅读全文