Bootstrap 3.3.7学习笔记9

Bootstrap 3.3.7学习笔记9

对Bootstrap的理解:
今天是第三天接触,这几天算是只要看书就看它的内容到目前为止初步将它理解为,网页开发的时候会存在很多共同审美的内容,比如两个平行按钮要高度相当,大小合适,颜色好看等等。这些布局的方式通过html和css实现的时候又往往会用相同的代码写出来,那为啥要让不同的人在不同的网页的项目中用相似的代码写出有相似功能的网站呢?直接一批人写个大体的东西,然后大家来学,学好了自己改一下直接用就可以了,节约成本啊!不用重复发明轮子了。那这是我对它产生的原因的猜测。
之后学习它的过程其实就是学习定式的过程,什么类要起到作用必须和什么类协同工作,它们使用嵌套的关系还是用平行的关系。这些定式就是bootstrap设计者的约定。所以学习官方档案的写法是最靠谱的利用它的类的方式。


这次的主题是按钮,之前有学到说bootstrap表单中的按钮都是通过button标签完成的,而不使用input里的submit,button之类。其实并不是说不可以,而是说为了达到跨浏览器显示效果相同的目的,bootstrap强烈推荐使用button标签。
知识点:
1. 创建button的方法是<button class="btn" type="button">默认按钮</button>,可以在类当中加入其他的一些btn修饰类,例如btn-default,btn-primary等以达到不同的按钮样式,还有控制大小的一些修饰类,控制高度的.btn-lg、.btn-sm 或 .btn-xs,控制宽度的.btn-block。
2. button标签有active 和 disabled两个大状态,其中active中又包括悬浮状态(:hover),点击状态(:active)和焦点状态(:focus)。disabled状态有两种实现方式一种是给class中加入disabled,另外一种直接在button标签中添加disabled属性。第一种方式,这个按钮虽然点不了,可还是可以通过tab键遍历到的;第二种方式就是真的啥都干不了。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值