为了账号安全,请及时绑定邮箱和手机立即绑定

玩转Bootstrap(基础)

网格系统将屏幕分为超小屏(col-xs-**),小屏(col-sm-**),中屏((col-md-**),大屏((col-lg-**)!
在Bootstrap框架中有一个fonts的目录,这个目录中提供的字体文件就是用于制作icon的字体文件。
自定义完字体之后,需要对icon设置一个默认样式,在Bootstrap框架中是通过给元素添加“glyphicon”类名来实现,然后通过伪元素“:before”的“content”属性调取对应的icon编码
<button class="btn btn-primary disabled" type="reset">reset</button>
添加了类名的“.disabled”,既禁用了点击行为也禁用了重置的默认行为

已采纳回答 / qq_渡劫_1
for 属性规定 该标签与哪个表单元素绑定。

已采纳回答 / 我配角
来句这个就ok了.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group{    margin-left: 0px;}

已采纳回答 / 慕雪1824825
这两种定义是不一样的,,h1是定义h1的样式,,,h1 small,,是定义h1下的small样式,small h1,则是定义small下h1样式,3者效果完全不一样
icon改style里的color可以变色

已采纳回答 / 绯色流火
看下源码吧。.col-md-pull-1 {    right: 8.33333333%;  }.col-md-push-1 {    left: 8.33333333%;  }push是根据当前位置向左偏移一定百分比,pull是向右偏移。也就是说在http://www.imooc.com/code/3323这个教程中,可以通过修改col-md-push-x 中x的值使两列重叠在一起。所以说列排序和列偏移是有区别的,列偏移修改的是margin值

已采纳回答 / 绯色流火
<div class="col-xs-10 col-sm-6 col-md-4">测试</div>在PC端1900左右宽度的时候是col-md-4然后根据屏幕的大小自动使用col-sm-6和col-xs-12、这个代码自己试一下就能看的出来了。
1.label要加入control-label类,以保持一致的样式
2.包裹form组件的div要加入has-success/waring/error和has-feedback
3.最后必须加入一个&lt;span class=&quot;glyphicon glyphicon-remove form-control-feedback&quot;&gt;&lt;/span&gt;以显示反馈信息
glyphicon-search glyphicon-zoom-in glyphicon-zoom-out glyphicon-download glyphicon-upload

最新回答 / 慕丝1033313
为什么要有disabled="false"?
开始,结束
感觉看这个能当api用了,哈哈

最新回答 / wanglinzhizhi
一般情况下,可以通过设置控件的height,line-height,padding和font-size等属性来实现控件的高度设置。如果你想自定义的话,可以,在chrome中f12,然后确定到对应元素,然后设置属性,如下:<...图片...>Notes:但是强烈建议不要这样,因为破坏了bootstrap的底层的实现,这相当于覆盖了bootstrap的css样式设置,可能会出现一些其他地方的一些莫名其妙的问题。: )
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消