BootStrap表单

本文介绍了BootStrap框架中表单的使用,包括如何创建多选框、设置输入框默认文字、禁用及只读状态的实现,以及按钮和标签的预定义样式。同时,讲解了分页组件的尺寸调整和禁用选项,帮助开发者更好地理解和应用BootStrap进行前端开发。
摘要由CSDN通过智能技术生成

基本实例

class=“form-control” 引用BootStrap表单
多选框水平显示效果:class=“checkbox-inline”
在用户名框里显示默认文字:placeholder=“请输入用户名”
空间禁用:disabled
只读状态:readonly
预定义样式:
在这里插入图片描述
按钮样式:
普通样式:class=“btn btn-info”
删除样式:class=“btn btn-danger”
成功样式:class=“btn btn-warning”

标签

代码标签:代码
键盘样式效果:Ctrl+a
编写的时候换行就换行:

代码块儿

分页

在这里插入图片描述
尺寸大小:
在这里插入图片描述
修改分页导航尺寸pagination-*、lg(大)、md(中)、sm(小)

禁用选项:
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值