当前位置:首页 > 经验 > 数码摄影 > it技术

怎么用bootstrap制作输入框组

关注:103 发布时间:2021-08-03 07:02:13

导语本文整理了怎么用bootstrap制作输入框组经验知识,帮助您全面了解,小白也能成为高手,跟随小编一起来看一看吧!

需要准备的物品

升华文本

详细介绍方法/步骤

首先,用升华文本工具创建一个新的html5页面,导入引导风格文件和脚本文件,如下图所示

然后我们调用输入组样式,使输入框组中的元素在同一行,如下图所示

当然,input-group-addon不仅可以放在输入框前面,还可以放在输入框后面,如下图所示

也可以通过input-group-lg样式放大输入框组中的元素,还有其他样式可以控制大小。你可以查看应用编程接口

然后你也可以在输入前面加一个复选框,如下图所示,把复选框放在input-group-addon

按钮也可以在输入框组中定义,如下图所示,按钮的样式可以由btn-default、btn-primary等定义

比较后,还可以在输入框前添加一个下拉菜单,也是常用功能,如下图所示

猜你喜欢

  • 预装office是永久的吗

    预装office是永久的吗141人喜欢

    1.预装办公一般不会永久免费使用。因为大部分预装的公共软件都是30天的试用版,除非随机给一个正版的office(购买的台式机或者笔记本)。2.如果有礼物,电脑包里应该有附带的office正版序列号,方便重装…

    更新时间:2022-03-26 16:51:01

  • matlab怎么调用m文件?

    matlab怎么调用m文件?77人喜欢

    matlab如何调用m文件?接下来小编将分享用matlab调用m文件的方法,希望对大家有所帮助!详细介绍方法/步骤打开matlab软件,点击新建脚本,如图。在新创建的脚本文件下输入以下代码:disp("mtalab调用m文件!")…

    更新时间:2021-08-13 18:50:04

  • 家庭版怎么升级专业版

    家庭版怎么升级专业版95人喜欢

    1.单击桌面左下角的win图标按钮并选择设置。2.在设置界面的搜索栏中输入激活,选择弹出的第一个选项进行激活3.来到激活界面,选择下面的变更产品密钥,点击,弹出密钥输入窗口。我们将把这扇窗户放在一…

    更新时间:2022-02-27 08:59:03

  • 如何将今日头条的文章转发到微博

    如何将今日头条的文章转发到微博78人喜欢

    发给新浪如下:1.在今天的头条打开其他公共平台的文章,点击分享箭头。2.选择复制链接。3.通过qq或电子邮件将复制的链接发送到电脑。4.打开浏览器,将收到的链接地址粘贴到浏览器中打开。选择所需内容…

    更新时间:2022-02-15 12:55:03

  • win10的wifi功能不见了

    win10的wifi功能不见了65人喜欢

    1.首先,点击电脑右下角的倒三角形,显示隐藏图标。2.此时,您可以在windows defender的图标上看到一个黄色感叹号。3.打开windows defender安全中心,点击红色箭头指示的图标进入“设备性能和运行状态…

    更新时间:2022-03-06 18:49:06

  • 网络销售是做什么的

    网络销售是做什么的30人喜欢

    1.网上销售是指通过互联网销售产品,本质是利用互联网作为销售的工具。像许多新学科一样,“网络营销”也没有一个公认的、完善的定义。广义而言,一切以网络营销为主要手段,实现一定营销目标的营销活动…

    更新时间:2021-12-25 18:49:05

  • 如何设置无线网络密码

    如何设置无线网络密码20人喜欢

    1.设置无线网络密码的方法是:在浏览器上输入ip地址:http://192.168.1.1/或http://192.168.0.1/并在路由器登录窗口中输入用户名和密码。默认用户名为admin,密码为空或admin。选择左栏的设置向导,选择…

    更新时间:2022-04-06 20:47:02

  • 开机windows无法加载怎么办

    开机windows无法加载怎么办122人喜欢

    1、关机重启,开机过程中按f8键进入安全模式。2.以安全模式进入系统后,按win r打开运行窗口。然后在运行输入框中输入regedit,确认并打开注册表。单击注册表左侧的hkey本地机器软件微软窗口当前版本…

    更新时间:2022-01-06 07:00:38

  • 怎么查看sqlserver数据库版本

    怎么查看sqlserver数据库版本95人喜欢

    我们在使用sql server的时候,经常需要确定某个函数是否可以正常使用,所以需要确定sql server的版本。那么如何快速确定sql server的版本呢?以下小系列将与大家分享。需要准备的物品sql server管…

    更新时间:2021-06-30 12:57:03

  • win10怎样安装iis

    win10怎样安装iis85人喜欢

    iis是net开发必不可少的服务器,那么如何在win10中安装iis服务器呢?以下小系列将与大家分享。详细介绍方法/步骤首先我们按ctrl r打开运行界面,在输入框中输入控制命令。接下来,我们将进入控制面板界…

    更新时间:2021-07-25 10:58:10

  • 如何把保密柜里的视频移出

    如何把保密柜里的视频移出47人喜欢

    1.打开“文件管理”,然后单击“本地”或“分类”选项卡下的安全文件柜。2.在安全柜界面,打开要删除的照片所在的文件夹。3.按住要移出的照片,然后点按,按住照片,选择移出和移出的位置。4.根据移出的…

    更新时间:2021-12-20 08:59:01

  • 人民银行个人征信系统从什么时候开始运行的

    人民银行个人征信系统从什么时候开始运行的214人喜欢

    1.中国人民银行信用信息系统包括企业信用信息基础数据库和个人信用信息基础数据库。企业信用信息基础数据库始于1997年,2006年7月实现全国联网查询。2.截至2014年底,该数据库记录了1000多万个企业…

    更新时间:2022-02-08 14:53:04