美文网首页WEB全栈技术
Bootstrap的常用类(CSS和布局组件)总结

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

作者: 全栈开发之道 | 来源:发表于2017-11-21 13:59 被阅读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

相关文章

网友评论

    本文标题:Bootstrap的常用类(CSS和布局组件)总结

    本文链接:https://www.haomeiwen.com/subject/zefwvxtx.html