4.最近有点忙，同时也在看js和php

1. http://www.runoob.com/js 直接看实例好一点

 

2.http://v3.bootcss.com/css/#grid 

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。

预定义类，mixin 用于生成更具语义的布局 这两个以后要研究下

 

3. 其实还是要以看W3C为主，因为例子比较完整，官网的适合做工具书，因为比较全

Button & Dropdown

http://www.w3schools.com/bootstrap/bootstrap_button_groups.asp

配合11.html 和 http://v3.bootcss.com/components/#dropdowns ，http://v3.bootcss.com/components/#btn-groups 来看

确保设置正确的 role 属性并提供一个 label 标签

为了向使用辅助技术 - 如屏幕阅读器 - 的用户正确传达一正确的按钮分组，需要提供一个合适的 role 属性。对于按钮组合，应该是 role="group"，对于toolbar（工具栏）应该是 role="toolbar"。

一个例外是按钮组合只包含一个单一的控制元素或一个下拉菜单（比如实际情况，<button> 元素组成的两端对齐排列的按钮组 ）或下拉菜单。

此外，按钮组和工具栏应给定一个明确的label标签，尽管设置了正确的 role 属性，但是大多数辅助技术将不会正确的识读他们。在这里提供的实例中，我们使用 aria-label，但是， aria-labelledby 也可以使用。

 

Example Explained

The .dropdown class indicates a dropdown menu.

To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and the data-toggle="dropdown" attribute.

The .caret class creates a caret arrow icon (下三角), which indicates that the button is a dropdown.

Add the .dropdown-menu class to a <ul> element to actually build the dropdown menu.

 

Bootstrap Glyphicons

12.html