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

玩转Bootstrap(基础)

  • <div class="form-group"> <select multiple class="form-control"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div>
    查看全部
  • <div class="form-group"> <select class="form-control"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div>
    查看全部
  • 向父 <form> 元素添加 role="form"。 把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。 向所有的文本元素 <input>、<textarea> 和 <select> 添加 class .form-control。
    查看全部
  • 为了让控件在各种表单风格中样式不出错,需要添加类名“form-control”
    查看全部
  • 单行输入框,常见的文本输入框,也就是input的type属性值为text。在Bootstrap中使用input时也必须添加type类型,如果没有指定type类型,将无法得到正确的样式,因为Bootstrap框架都是通过input[type=“?”](其中?号代表type类型,比如说text类型,对应的是input[type=“text”])的形式来定义样式的。
    查看全部
  • 在Bootstrap框架中要实现水平表单效果,必须满足以下两个条件: 1、在<form>元素是使用类名“form-horizontal”。 2、配合Bootstrap框架的网格系统。(网格布局会在以后的章节中详细讲解)
    查看全部
    0 采集 收起 来源:水平表单

    2018-03-22

  • 如果你要在input前面添加一个label标签时,会导致input换行显示。如果你必须添加这样的一个label标签,并且不想让input换行,你需要将label标签也放在容器“form-group”中
    查看全部
    0 采集 收起 来源:内联表单

    2014-12-10

  • “col-md-4”居左,“col-md-8”居右,如果要互换位置,需要将“col-md-4”向右移动8个列的距离,也就是8个offset <div class="row"> <div class="col-md-8 col-md-push-4">.col-md-8</div> <div class="col-md-4 col-md-pull-8">.col-md-4</div> </div>
    查看全部
    0 采集 收起 来源:列排序

    2018-03-22

  • 使用”col-md-offset-*”对列进行向右偏移时,要保证列与偏移列的总数不超过12,不然会致列断行显示
    查看全部
    0 采集 收起 来源:列偏移

    2014-12-11

  • 列数总和加偏移列不超过设定值,超过会发生断裂
    查看全部
    0 采集 收起 来源:列偏移

    2014-12-10

  • 十二列中的一列又可以分为十二列,但是最左边和最右边会有15px的内边距
    查看全部
    0 采集 收起 来源:基本用法

    2014-12-10

  • 工作原理如下: 1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。 2、在行(.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如12 3、具体内容应当放置在列容器(column)之内,而且只有列(column)才可以作为行容器(.row)的直接子元素 4、通过设置内距(padding)从而创建列与列之间的间距。然后通过为第一列和最后一列设置负值的外距(margin)来抵消内距(padding)的影响
    查看全部
    0 采集 收起 来源:工作原理

    2014-12-10

  • Bootstrap框架中的网格系统就是将容器平分成12份。
    查看全部
    0 采集 收起 来源:实现原理

    2014-12-10

  • 图像的样式风格提供以下几种风格: 1、img-responsive:响应式图片,主要针对于响应式设计 2、img-rounded:圆角图片 3、img-circle:圆形图片 4、img-thumbnail:缩略图片
    查看全部
    0 采集 收起 来源:图像

    2014-12-10

  • 禁用状态与其他状态按钮相比,就是背景颜色的透明度做了一定的处理,opcity的值从100%调整为65%。 在Bootstrap框架中,要禁用按钮有两种实现方式: 方法1:在标签中添加disabled属性 方法2:在元素标签中添加类名“disabled” disabled="disabled" class="disabled"
    查看全部

举报

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

微信扫码,参与3人拼团

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

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