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

玩转Bootstrap(基础)

bootstrap的框架的样式都写好了,只需根据自己的需求去改
效果实现不了啊
需要导入jquery.min.js和bootstrap.min.js才能看到效果
<!--data-toggle:打开类型 data-target:目标 data-dismiss:关闭类型-->
class="sr-only"全称是 screen reader only,意为:(仅供)屏幕阅读器,这个 class 主要用于增强 accessbility(可访问性)。
加上 sr-only 的意义就在于能保证屏幕阅读器正确读取且不会影响 UI 的视觉呈现。
<ol><li>有序列表一</li><li>有序列表二<ol class="list-unstyled"><li>有序二级项目列表一</li><li>有序二级项目列表二<ul><li>无序三级项目列表一</li><li>无序三级项目列表二<ol class="list-unstyled"><li>有序四级项目列表一</li><li>有序四级项目列表二</li></ol></li><li>无序三级项目列表三</li></ul></li><li>有序二级项目列表三</li></ol></li><li>有序列表三</li></ol>
一模一样的代码,得出的效果不一样,搞不懂是为什么
感觉这例子不好 好抽象啊 根本就没有说出来区别
好像没什么好学的,看API开发
我提交后只有文本没有样式 啊
role属性作用是告诉Accessibility类应用(比如屏幕朗读程序,为盲人提供的访问网络的便利程序),这个元素所扮演的角色,主要是供残疾人使用。使用role可以增强文本的可读性和语义化。
在html5元素内,标签本身就是有语义的,因此role是不必添加的,至少是不推荐的,但是bootstrap的案例内很多都是有类似的属性和声明的,目的是为了兼容老版本的浏览器(用户代理),如果你的代码使用了html5标签,并且不准备支持老版本的浏览器,不妨不使用role标签。
<div class="form-group has-error has-feedback">
<label class="control-label" for="inputError1">email地址</label>
<input type="email" class="form-control"id="inputError1">
<span class="glyphicon glyphicon-remove form-control-feedback"></span>
</div>
不一定要有dropdown类在外层,btn-group同样是可以的!!!!
下拉内容点不出来,把导入的jquery.js文件删掉,就可以点出来了。
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消