美文网首页我爱编程
Bootstrap表单和图片(四)

Bootstrap表单和图片(四)

作者: _LC | 来源:发表于2018-02-24 12:28 被阅读0次

1. 表单

1.1 基本样式

input class="form-control"
用div class="form-group" 包裹

1.2 内联表单

form class="form-inline"

    <form class="form-inline">
        <div class="form-group">
            <lable>电子邮件</lable>
            <input class="form-control" type="email" placeholder="请输入您的电子邮件">
        </div>
    
        <div class="form-group">
            <lable>密码</lable>
            <input class="form-control" type="password" placeholder="请输入您的密码">
        </div>
    </form>

1.3 表单组合

前后增加片段

        <div class="input-group">
            <div class="input-group-addon">¥</div>
            <input class="form-control" type="text">
            <div class="input-group-addon">.00</div>
        </div>

2. 图片

相关文章

  • Bootstrap表单和图片(四)

    1. 表单 1.1 基本样式 input class="form-control"用div class="form...

  • Bootstrap[第四章 表单和图片]

    一.表单 1.基本格式 注:只有正确设置了输入框的 type 类型,才能被赋予正确的样式。支持的输入框控件包括:t...

  • 前端框架Bootstrap--表单和图片

    一、表单 1. 基本样式 //实现基本的表单样式 电子邮件 密码 注:只有正确设置了输入框的ty...

  • bootstrapValidator

    bootstrap表单验证

  • 2018-11-21

    bootstrap大纲: 1、css样式 1)栅格系统 2)排版 3)代码 4)表格 5)表单 6)按钮 7)图片...

  • bootstrap表单

    表单布局 垂直表单(默认) 内联表单 水平表单 垂直表单或基本表单 基本的表单结构是 Bootstrap 自带的,...

  • 2019-04-09 表单(5)

    表单布局Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) 内联表单 水平表单 1.垂直或基本表单 ...

  • 21天习惯养成打卡-day1

    遇到的问题 前端进行图片压缩 bootstrap框架表单的使用 解决方法 张鑫旭博客上的解决方案前端实现图片压缩上...

  • bootstrap表单

    垂直表单(默认) 内联表单 水平表单 垂直表单 也称基本表单基本的表单结构是 bootstrap 自带的创建基本表...

  • bootstrap 时间控件

    bootstrap日期时间表单组件http://www.bootcss.com/p/bootstrap-datet...

网友评论

    本文标题:Bootstrap表单和图片(四)

    本文链接:https://www.haomeiwen.com/subject/jfefxftx.html