如何用Bootstrap制作输入框组
工具/材料
Sublime Text
操作方法
首先用Sublime Text工具新建HTML5页面,导入bootstrap的样式文件和脚本文件,如下图所示
然后我们调用input-group样式来让输入框组中的元素在同一行,如下图所示
当然input-group-addon不只可以放在输入框的前面,也可以放在输入框的后面,如下图所示
也可以通过input-group-lg样式让输入框组中的元素变大,还有其他的一些控制大小的样式你可以查一下API
接下来你也可以在input前面加入复选框,如下图所示,将复选框放在input-group-addon里即可
还可以在输入框组中定义button按钮,如下图所示,按钮可以通过btn-default,btn-primary等来定义样式
最后也可以在输入框的前面加入下拉菜单,这种也是比较常用的功能,如下图所示
-
用JS+CSS实现鼠标悬停显示提示框
我们在浏览网页时,经常会看到有一些提示信息是在鼠标放上去后,才显示出来的。这个功能如何做的?下面我们来看下。操作方法(01)首先,我们写上对应的HTML,一个显示标题,和标题的提示信息。(02)页面运行的初始效果如图,还比较粗糙的。(03)我们为内容添加CSS样式,为tips的父容器...
-
斐讯(phicomm)无线路由器怎么设置
无线路由器的种类有很多,WiFi对人类生活越来越重要,每种无线路由器的设置不同,小编在这里给大家介绍一下斐讯(phicomm)无线路由器怎么设置。操作方法(01)将插在电脑上的网线拔掉,用额外准备的网线一头连接电脑一头连接路由器数字口,下面的“LAN口”都可以,把刚刚从电脑...
-
腾讯的QLV文件怎么用其他播放器看?
QLV是腾讯的加密专有格式,有版权保护,只能用腾讯的客户端播放!操作方法(01)用Potplayer看QLV视频的时候提示要安装encv解码器,如图,楼主安装以后打开视频的时候还提示这个,这是咋回事啊,默认的安装位置是potplayer的安装位置,我没修改,是因为安装位置不对吗还是没有调用解...
-
ie修复工具完美修复Internet Explorer无法使用
IE修复工具是一款针对IE浏览器无法打开、IE浏览器崩溃、IE首页被篡改及用户无法上网所专门研发的一款浏览器修复工具。下面为大家介绍一下ie修复工具完美修复InternetExplorer无法使用。操作方法(01)首先在自己电脑上下载安装电脑管家。(02)然后打开电脑管家——点...