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

怎么用bootstrap制作输入框组

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

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

需要准备的物品

升华文本

详细介绍方法/步骤

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

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

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

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

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

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

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

猜你喜欢

  • 7p升级ios133稳定吗

    7p升级ios133稳定吗63人喜欢

    苹果7现在不需要考虑升级ios13.2,因为更新ios13小版本几乎没有区别,主要是更新大版本,比如从12更新到13。这个经历还是很明显的。反正功耗增加,发热增加,不建议升级。因为有些机器比较旧,系统越新越不…

    更新时间:2022-03-27 10:57:02

  • xp系统宽带连接不见了怎么办

    xp系统宽带连接不见了怎么办91人喜欢

    1.如果桌面上的拨号连接没了,其实桌面上的拨号连接只是一个快捷方式,可以找到在线邻居——属性。2.看看有没有网上邻居。如果有,找一些“宽带连接”右键,把快捷方式发到桌面。3.桌面上有一个快捷方式…

    更新时间:2022-03-10 16:52:08

  • 怎样发起钉钉视频会议

    怎样发起钉钉视频会议28人喜欢

    1.打开钉子,点击左下角的四个方形按钮。2.单击应用中心窗口中的视频会议按钮,立即召开会议。3.在视频会议启动窗口中,在我的朋友栏中添加参加会议的成员。如果成员不在列表中,请单击“搜索”在左侧添…

    更新时间:2021-12-23 20:47:02

  • 怎么在ubuntu中安装mysql数据库

    怎么在ubuntu中安装mysql数据库37人喜欢

    我们在windows系统中安装了mysql数据库,那么如何在ubuntu系统中安装呢?下面就来分享演示一下下面的小系列。需要准备的物品人的本质详细介绍方法/步骤首先我们需要登录mysql的官方平台下载ubuntu的…

    更新时间:2021-09-09 16:52:01

  • 网络电视遥控器失灵怎么办

    网络电视遥控器失灵怎么办31人喜欢

    1.遥控器的故障是由于电池长期使用,很多情况下无法正常供电造成的,只有更换电池才能解决。2.也有可能是遥控器用久了,导致电池仓的弹簧生锈。安装电池使用前,可以清除铁锈。3.也有可能是电池没电了,换…

    更新时间:2022-02-19 07:00:22

  • 今日头条怎么借款

    今日头条怎么借款79人喜欢

    1.进入今日头条app后,点击左上角头像。您必须登录。如果您没有登录,请登录。2.接下来点击选项头条商城进入商城界面。3.印在你眼里的第一个选项,就是放心借的选项。点击进入。4.然后选择立即应用。5…

    更新时间:2022-02-14 10:57:05

  • redhat系统中怎么配置网卡信息

    redhat系统中怎么配置网卡信息15人喜欢

    第一次使用redhat系统,需要先配置网卡信息,否则很多应用无法安装。那么redhat的网卡信息怎么配置呢?以下小系列将与大家分享。需要准备的物品红帽系统命令行方式配置首先登录红帽系统后,点击左上角的…

    更新时间:2021-07-27 09:01:32

  • 电脑连不上打印机怎么办

    电脑连不上打印机怎么办94人喜欢

    详细介绍方法/步骤客户经常打电话询问打印机连接不打印或者打印机坏了!其实打印机是电脑输出设备,很少出问题!99%的原因是电脑有问题!一个很好的比喻是:电脑像人脑,打印机像手脚!没有大脑的指令手脚不能…

    更新时间:2021-08-15 12:58:05

  • 快手直播间小快怎么弄

    快手直播间小快怎么弄47人喜欢

    1.在使用小快之前,先打开aauto quicker live room,然后点击界面下方的“更多”,再点击“小快助手”。2.打开快速设置弹出窗口,单击“了解更多播放信息”。具体位置见下图。3.打开快速使用方法的介…

    更新时间:2022-02-05 07:00:31

  • linux操作系统vim的安装和配置

    linux操作系统vim的安装和配置86人喜欢

    需要准备的物品linux操作系统(ubuntu/centos)详细介绍方法/步骤在命令行上输入“vi”后按下‘tab’,可以看到目前系统中只安装了vi和vim.tiny。可以发现系统默认没有安装vim,所以我们需要手动安装…

    更新时间:2021-09-17 09:00:10

  • 百度网盘如何将保存视频发送链接

    百度网盘如何将保存视频发送链接58人喜欢

    1.打开【百度网盘】。找到[我的网络磁盘],找到要共享的资源,然后单击[共享]。选择[专用链接共享],然后单击[创建链接]。点击【复制链接和二维码】,粘贴后通过微信、qq等方式发送给好友。2.如果和百度…

    更新时间:2022-05-04 07:00:09

  • 旅游文案抖音

    旅游文案抖音50人喜欢

    1.旅途愉快。在哪个站停都不算太差。2.旅行的梦想并不奢侈,勇敢迈出第一步就好。3.走到哪里叫脚印,走不到哪里叫渴望。4.一个人,一条狗,你说走就走。5.别忘了答应你想做的事,也别忘了答应你想走的距离…

    更新时间:2022-01-26 20:47:05