WEB全栈技术

Bootstrap的常用类(CSS和布局组件)总结

2017-11-21  本文已影响10人  全栈开发之道

Bootstrap通过给标签赋予一个类名(class name),来生成对应类名的效果标签


按钮

btn:基本样式
btn-:其他样式(可以为default/primary/success/info/warning/danger
/link[让按钮看起来像个链接]
/lg/sm/xs/
block[块级按钮,拉伸至父元素100%的宽度]/active/disabled)


 <td> <button class="btn btn-default" ng-click="addContact()">Add Contact </button></td>
      
 <td><button class="btn btn-info" ng-click="update()">Update</button> </td>

问题:

如果将 <td><button class="btn btn-info" ng-click="update()">Update</button> </td> 改为

<td><button class=" btn-info" ng-click="update()">Update</button> </td>

结果将会怎样?


去掉基本 bin 基本样式的效果

参考书: 《 全栈开发之道:MongoDB+Express+AngularJS+Node.js

上一篇 下一篇

猜你喜欢

热点阅读