问题总结(ng+bootstrap+css)

1. tab，ng无嵌套路由，tab也不需要用到。用angular-ui-bootstrap的tabset， tabcontent分别是不同的ng-include。不同的controller。
2. boostrap的datetimepicker，我不在外面套一层class=“form-group”，浏览器就奔溃出错？
3. boostrap的col嵌套col，还是以12为准。
4. ng-class的表达式多种写法。
   ①键值对：ng-class=”{red:true,blue:false}”，ng-class=”{red:kk==0,blue:kk
   ==0}”，
   ②字符串数组：ng-class=”{true: ‘active’, false: ‘inactive’}[isActive]”
   ③.scope变量绑定（不推荐使用）
   //发现一个坑 ng-class=“{btm-line:true}”，这么写会出错，不能有“-”，要把btm-line引起来， ng-class=“{‘btm-line’:true}”，这样子
5. 点击左侧导航刷新：url？后添加随机参数
6. 6.bootstrap的坑，，用label包裹checkbox，省去了for id这样的写法，但是会导致，点击label时候，同时也触发了checkbox
7. ng的坑，1.4以前，ng-repeat会对key进行排序，1.4以后不会有这种问题，要解决还得用数组
8. ng-click执行在ng-disabled之前
9. 一行都是float，最后那些小的float会跑到中间去，而不是另起一行，额，。。。
10. 一排inline-block，里面文字的对齐方式，用vertical-align这个属性去控制，我这里取top

 baseline
元素基线与父元素的基线对齐。一些 可替换元素，比如 <textarea> ， HTML标准没有说明它的基线，这意味着使用这个关键字，各浏览器表现可能不一样。
sub
元素基线与父元素的下标基线对齐。
super
元素基线与父元素的上标基线对齐。
text-top
元素顶端与父元素字体的顶端对齐。
text-bottom
元素底端与父元素字体的底端对齐。
middle
元素中线与父元素的小写x中线对齐。
<length>
元素基线超过父元素的基线指定高度。可以取负值。
<percentage>
同 <length> , 百分比相对于 line-height 。
下面两个属性不像上面的属性相对于父元素，而是相对于整行：

top
 元素及其后代的顶端与整行的顶端对齐。
bottom
元素及其后代的底端与整行的底端对齐。
如果元素没有基线baseline，则以它的外边距的下边缘为基线。

---

1. 文字折行，用word-break