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

玩转Bootstrap(基础)

  • <div class="form-group"> <label class="sr-only" for="exampleInputEmail2">Email address</label> </div> <div class="form-group"> <inputtype="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email"> </div>
    查看全部
    0 采集 收起 来源:内联表单

    2018-03-22

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

    2014-12-10

  • 1、使用<code></code>来显示单行内联代码 2、使用<pre></pre>来显示多行块代码 3、使用<kbd></kbd>来显示用户输入代码
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

  • 有时候我们需要将表单的控件都在一行内显示,在Bootstrap框架中实现这样的表单效果是轻而易举的,你只需要在<form>元素中添加类名“form-inline”即可
    查看全部
    0 采集 收起 来源:内联表单

    2018-03-22

  • <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <div class="checkbox"> <label> <input type="checkbox"> 记住密码 </label> </div> </div> </div>
    查看全部
    0 采集 收起 来源:水平表单

    2018-03-22

  • <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">密码</label> <div class="col-sm-10"> <input type="password" class="form-control" id="inputPassword3" placeholder="请输入您的邮箱密码"> </div> </div>
    查看全部
    0 采集 收起 来源:水平表单

    2018-03-22

  • <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">邮箱</label> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="请输入您的邮箱地址"> </div> </div>
    查看全部
    0 采集 收起 来源:水平表单

    2018-03-22

  • 在<form>元素上使用类名“form-horizontal”主要有以下几个作用: 1、设置表单控件padding和margin值。 2、改变“form-group”的表现形式,类似于网格系统的“row”。
    查看全部
    0 采集 收起 来源:水平表单

    2018-03-22

  • 在Bootstrap框架中要实现水平表单效果,必须满足以下两个条件: 1、在<form>元素是使用类名“form-horizontal”。 2、配合Bootstrap框架的网格系统。(网格布局会在以后的章节中详细讲解)
    查看全部
    0 采集 收起 来源:水平表单

    2018-03-22

  • Bootstrap框架默认的表单是垂直显示风格,但很多时候我们需要的水平表单风格(标签居左,表单控件居右)
    查看全部
    0 采集 收起 来源:水平表单

    2014-12-10

  • <button type="submit" class="btn btn-default">进入邮箱</button>
    查看全部
    0 采集 收起 来源:基础表单

    2018-03-22

  • <div class="checkbox"> <label> <input type="checkbox"> 记住密码 </label> </div>
    查看全部
    0 采集 收起 来源:基础表单

    2018-03-22

  • <div class="form-group"> <label for="exampleInputPassword1">密码</label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入您的邮箱密码"> </div>
    查看全部
    0 采集 收起 来源:基础表单

    2018-03-22

  • <div class="form-group"> <label for="exampleInputPassword1">密码</label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入您的邮箱密码"> </div>
    查看全部
    0 采集 收起 来源:基础表单

    2018-03-22

  • class="form-control"
    查看全部
    0 采集 收起 来源:基础表单

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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