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

玩转Bootstrap(基础)

  • lg md sm xs 这些是代表大小的,用于不同屏幕的尺寸,col-md-*代表屏幕上列占的宽度,再加上fluid则是以百分比占用,fluid多用于响应式布局 关于表格相关的基础知识: http://blog.csdn.net/zjn0430/article/details/8546488 class.divider分割线
    查看全部
  • data-toggle="modal" data-target=".bs-example-modal-sm" data-toggle指以什么事件触发,常用的如modal,popover,tooltips等,data-target指事件的目标,一起使用就是代表data-target所指的元素以data-toggle指定的形式显示
    查看全部
  • 如果使用md没有效果,建议使用sm小屏测试
    查看全部
    2 采集 收起 来源:基本用法

    2017-05-31

  • 另外只实现了UI部分,具体的select效果未实现,即将选项的值 插入到button中,这部分要自己写js了
    查看全部
  • 这里有一个BUG,bootstrap的下拉菜单UI必须引入 jquey.1.9.1及以上才可以,否则firebug会报错,且程序无法执行
    查看全部
  • sr就是screen reader,盲人看不见页面的效果(placeholder里的文字),sr会把里面的文字念出来,这样就知道后面要输的是用户名还是密码了 <label class="sr-only" for="exampleInputEmail2">Email address</label>
    查看全部
    2 采集 收起 来源:内联表单

    2018-03-22

  • 1.导航.nav无默认样式。导航基本样式只有.nav-tabs,.nav-pills,需和.nav同时使用。float:left 2.垂直导航:.nav-stacked.float:none; 3.自适应导航:.nav-justified. ".nav-justified>li{display:tabled-cell};ul{width:100%;}" 4.导航分割线:.nav-divider 5.li.active,li.disabled需li>a,样式作用于a。 6.面包屑导航:ul.breadcrumb,li.active里无a才有效果
    查看全部
    2 采集 收起 来源:面包屑式导航

    2018-03-22

  • nknklknv
    查看全部
  • 将表单的控件都在一行内显示;在<form>元素中添加类名“form-inline”即可。 sr-only是什么属性?用途是什么? 全称是 screen reader only,意为:(仅供)屏幕阅读器,这个 class 主要用于增强 accessbility(可访问性)。 有时候 UI 上会出现一些仅供视觉识别的元素,比如说“汉堡包菜单按钮”,只有视力正常的人才能清楚辨识这些元素的作用。而残障人士,比如弱势或盲人是不可能知道这些视觉识别元素是什么的。他们上网使用的是屏幕阅读器,也就是 screen reader(sr),屏幕阅读器需要找到能辨识的文本说明然后“读”出来给用户听。问题是图形元素怎么可能“读出来”呢?因此我们还要写上这些元素的文本说明,但是又不需要展示给普通用户看到,于是加上 sr-only 的意义就在于能保证屏幕阅读器正确读取且不会影响 UI 的视觉呈现。 老师这里说的换行是指在小屏情况下的换行。 label标签点击文本,触发控制,比如一个选项,前面是圆圈,后面是文本,点击圆圈可以打对勾,用了label之后,点击文本也可以打对勾的。
    查看全部
    2 采集 收起 来源:内联表单

    2018-03-22

  • 备忘: <dd> Definition Description 定义描述 <dl> Definition List 定义列表 <dt> Definition Term 定义条目
    查看全部
    2 采集 收起 来源:列表--简介

    2018-03-22

  • 先要写container,再写row,最后写col-xs-4
    查看全部
    2 采集 收起 来源:工作原理

    2016-10-28

  • 第一次忘了引入jquery; 第二次引入1.70版本的jquery,没有效果. 后来上百度搜索, 发现必须要1.90以上版本的jquery才可以和bootstrap.js配合使用.希望后来的同学们避免这个错误.少走一些弯路. 下拉菜单"和"表单控件<select>"的不同啊!"<select>"会自动随着"<form>"传送数据!
    查看全部
  • 给一个元素data-dimiss属性的话,可以通过点击该元素达到让目标消失的效果。
    查看全部
  • bootstrap3之后的版本 将.disabled 样式也将禁止按钮的默认行为 源码pointer-events:none;阻止了点击事件
    查看全部
  • 加.dropdown{float:left;},就会使div(恰好)包裹button(即是button多长div就多长)。这样right=0;就会以button的右边为基准。
    查看全部

举报

0/150
提交
取消
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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