bootstrap是很好用的css框架，angularJS对其进行了集成。

项目主页：https://angular-ui.github.io/bootstrap/

通常来讲，需要引入AngularJS，bootstrap.css。

1.tooltip

angular已经封装好了tooltip这个指令。

<button tooltip='some words to show when arrow hovers'>button</button>

问：hover效果如何在chrome中看详情？

答：鼠标放上去，待tooltip出现后右击，然后在“Elements”视图中查看即可。见图1-1

图1 -1  tooltip元素审查

问：当内容展示过多，被截断怎么办？

答：可尝试直接修改bootstrap.css。由图1-1中可以看到应该修改的是 ".tooltip-inner",见下：

.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; /*add one line by yichu*/ word-wrap: break-word; }