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

玩转Bootstrap(基础)

  • 自适应导航使菜单项像表格的单元格一样自适应宽度,与nav-tabs或nav-pills配套使用,在其后加nav-justified
    查看全部
  • 垂直堆叠导航在nav-pills后面加上nav-stacked
    查看全部
  • 网站常用标记(尤其音乐播放器)
    查看全部
  • 图像的样式风格提供以下几种风格: 1、img-responsive:响应式图片,主要针对于响应式设计 2、img-rounded:圆角图片 3、img-circle:圆形图片 4、img-thumbnail:缩略图片 使用时在image标签添加对应的类名
    查看全部
    0 采集 收起 来源:图像

    2018-03-12

  • <button class="btn btn-default" type="button">button标签按钮</button> <input type="submit" class="btn btn-default" value="input标签按钮"/> <a href=" " class="btn btn-default">a标签按钮</a> <span class="btn btn-default">span标签按钮</span> <div class="btn btn-default">div标签按钮</div>
    查看全部
    0 采集 收起 来源:多标签支持

    2018-03-22

  • 1、.has-warning:警告状态(黄色) 2、.has-error:错误状态(红色) 3、.has-success:成功状态(绿色) 使用的时候只需要在form-group容器上对应添加状态类名。 如果想让表单在对应的状态下显示 icon(小图标)出来,只需要在对应的状态下添加类名“has-feedback”。注意,此类名要与“has-error”、“has-warning”和“has-success”在一起 同时最后还必须加上: <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
    查看全部
  • <form role="form"> <fieldset disabled> <legend><input type="text" class="form-control" /></legend> 表单禁用时可直接在input内或select内加disabled 但对于整个禁用的域中,如果legend中有输入框的话,这个输入框是无法被禁用的
    查看全部
  • "name"、"value"和选择框文本 1.radio是按组来区分选择框的,“name”是组名,“name”相同表明同组,才可以实现单选 2.“value”是这个选择框的值,提交服务器用的,因为服务器要识别选择框的值,所以“value”的值必须不同这样才能区分不同选择框 3.选择框文本直接在<input>标签后写上就行。 "name"必须相同,"value"必须不同,文本在标签之后。
    查看全部
  • 1、checkbox和radio都使用label包起来 2、checkbox连同label标签放置在一个名为“.checkbox”的容器内(复选框) 3、radio连同label标签放置在一个名为“.radio”的容器内(单选)
    查看全部
  • <form class="form-horizontal" role="form">水平表单 <form class="form-inline" role="form">内联表单,即多个控件放一行
    查看全部
    0 采集 收起 来源:内联表单

    2018-03-22

  • 登录窗口基本代码 <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">邮箱:</label> <input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入您的邮箱地址"> </div> <div class="form-group"> <label for="exampleInputPassword1">密码</label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入您的邮箱密码"> </div> <div class="checkbox"> <label> <input type="checkbox"> 记住密码 </label> </div> <button type="submit" class="btn btn-default">进入邮箱</button> </form>
    查看全部
    0 采集 收起 来源:基础表单

    2018-03-22

  • <table class="table">基础表格 <table class="table table-striped">斑马线表格 <table class="table table-bordered">带边框表格 table-hover鼠标悬停高亮表格 table-condensed紧凑型表格 table-responsive响应式表格
    查看全部
    0 采集 收起 来源:表格

    2018-03-22

  • 在pre标签上添加类名“.pre-scrollable”,可以控制代码块区域最大高度为340px,超出在Y轴出现滚动条。
    查看全部
    0 采集 收起 来源:代码(二)

    2018-03-11

  • dl = definition list dt = definition title dd = definition description
    查看全部
  • list-inline内联列表,把垂直列表换成水平列表,无项目符号(编号),保持水平显示
    查看全部

举报

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

微信扫码,参与3人拼团

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

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