bootstrap搜索图标的使用

<!DOCTYPE html>
<html><head><title>Bootstrap 图标</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Bootstrap --><link href="bootstrap/css/bootstrap.css" rel="stylesheet" media="screen"><link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet" media="screen"><script src="bootstrap/js/jquery.js"></script><script src="bootstrap/js/bootstrap.min.js"></script></head><body><div class="container"><div class="row"><div class="span12"><h3>一个搜索表单</h3><form class="well form-search" action=""><input class="input-medium search-query" type="text" name="" id=""><button class="btn" type="submit"><i class="icon-search"></i>submit</button></form></div></div></div><hr/><br/></body>
</html>
预览效果：

bootstrap图标的使用方法：
<i class="icon_class_name"></i>
其中 "icon_class_name" 是在 bootstrap.css 中定义的图标 class 的名称（例如：icon-music、icon-star、icon-user 等）。如果您想要使用白色图标，然后添加一个额外的 icon-white class，如下所示：<i class="icon_class_name icon-white"></i>  </i>

bootstrap搜索图标的使用相关推荐

android 移除自己view,Android自定义View-带删除和搜索图标的EditText
效果图: 这里写图片描述直接撸代码: public class SearchEditText extends EditText { private static final String TAG = ...
html、css做一个带搜索图标的搜索框
html.css图像代替提交按钮做个搜索框图像形式的提交按钮与普通提交按钮在功能上基本相同,只是它用图像代替了默认的提交按钮,外形上更加美观.需要注意的是,必须为其定义src属性指定图像的url地 ...
在输入框加入搜索图标的问题
最近遇到了一个需要在搜索框内加入一个放大镜图标的需求,就像是这样. 这个本来是挺好解决的一个问题,只要在搜索框内加两句 background-image: url('../Imgry/fangdaji ...
Bootstrap Glyphicons图标
可用的图标 Bootstrap3 提供了差不多300多个来自 Glyphicon Halflings 的字体图标,这些图标可用于按钮.链接.导航和表单等元素.最常见的的图标如图 3‑1所示: 图3-1 ...
300+值得收藏的设计师资源站
素材和资源的重要性往往是通过加班体现出来的.不论是做产品还是搞设计,解决方案总是能找到的,万一找不到也总能妥协出来.但是如果想要缩短加班时间甚至不加班,多快好省地把东西给弄出来,就不得不靠" ...
300+值得收藏的设计师免费资源站
素材和资源的重要性往往是通过加班体现出来的 → 设计 + 代码 ← A. 免费设计资源 Freebbble: 网站搜集了来自 Dribbble 的免费素材. Dribbble: 在 Dribbble ...
Fontello:图标字体的使用
官方网址:http://fontello.com/ 原文链接:https://github.com/fontello/fontello 通常,网页设计开发中,一般都采用图片的形式来做图标,比如,手机图 ...
移动web网页开发——项目：生活资讯网（响应式开发）
前两篇内容讲述了流式布局,flex布局,rem适配布局,响应式布局四种布局页面,今天我们就以学习的内容来完成项目"生活资讯网"的设计. 我们在设计开发生活资讯网可以选择的开发方式很 ...
Android App监听软键盘按键的三种方式（转）
最近有类似需求,在csdn上刚好发现,粘贴过来,以防止忘记喽前言: 我们在android手机上面有时候会遇到监听手机软键盘按键的时候,例如:我们在浏览器输入url完毕后可以点击软键盘右下角的&quo ...
自定义searchview包括修改图标样式
2019独角兽企业重金招聘Python工程师标准>>> 做的很粗糙.为啥不能上传gif格式?csdn很强大. . 背景是自己定义的白色边框,直接定义一个xml.下面是更改图标和字 ...

bootstrap搜索图标的使用

bootstrap搜索图标的使用相关推荐

最新文章

热门文章