作为弹幕视频网站的鼻祖 ,弹幕是niconico最具标志性和影响力的功能 。
Bootstrap's global default font-size
is 14px, with a line-height
of 20px. This is applied to the <body>
and all paragraphs. In addition, <p>
(paragraphs) receive a bottom margin of half their line-height (10px by default).
相比之下 ,友友用车的运营方式成本显然会高出一大截:用户把车停在任意的ETCP停车场 ,当车辆的电快要用尽时,运营人员需要三班倒把车开到充电桩进行充电,然后再放回离用户最近的地方。 2014年底 ,2006年加盟鼎晖投资的陈文江及后来入职的李牧晴离职鼎晖自立门户,成立执一资本。
” 毕胜的办公室隔壁 ,曾经有个很大的供应商,他磨了7个月也没有结果 。 2015年9月29日,运营13个月的“印象湘江”湘江世纪城店正式停业 。 24季私享家上的产品从两个维度展开。
我的原创设计品牌在天猫售价是工厂贴牌出厂价的2倍 。 读,也就是阅读,阅读书籍 ,阅读各种文章,在大量阅读中形成自己的观察和观点 。要知道 ,你曾经丢弃的那半瓶水,很可能是缺水地区孩子们的生命之源 。
<p>...</p>
Make a paragraph stand out by adding .lead
.
同年3月23日 ,上交所发布对西藏旅游的重组草案的问询函,问询本次交易是否构成借壳上市 。 实际上 ,这几年各行各业的创业都很火热,你可以去看一下每年有多少项目拿到天使,到年底又剩下多少 ,绝大多数肯定是没有办法赚到钱的。
<p class="lead">...</p>
The typographic scale is based on two LESS variables in variables.less: @baseFontSize
and @baseLineHeight
. The first is the base font-size used throughout and the second is the base line-height. We use those variables and some simple math to create the margins, paddings, and line-heights of all our type and more. Customize them and Bootstrap adapts.
基康仪器2016年8月25日公布的2016年半年报显示,公司营收、净利双双下滑 ,净利润由1358.37万元猛降至323.94万元,同比下降76.15%。
For de-emphasizing inline or blocks of text, use the small tag.
This line of text is meant to be treated as fine print.
<p> <small>This line of text is meant to be treated as fine print.</small> </p>
For emphasizing a snippet of text with a heavier font-weight.
The following snippet of text is rendered as bold text.
<strong>rendered as bold text</strong>
For emphasizing a snippet of text with italics.
The following snippet of text is rendered as italicized text.
<em>rendered as italicized text</em>
汉沽区 Feel free to use <b>
and <i>
in HTML5. <b>
is meant to highlight words or phrases without conveying additional importance while <i>
is mostly for voice, technical terms, etc.
相反,如果企业细分市场内没有竞争,或竞争程度较低,市场状况为卖方市场时 ,这时企业处于主动地位 ,就可以采用“饥饿营销”策略。
所以手机端目前并不适合那些给资深玩家开发的精美高深度的游戏 ,即使有 ,也不可能获得巨大的影响力 。
蔡文胜旗下的隆领投资在新三板已收获十家公司。
在地铁站台或者车厢里的时候 ,小财女经常遇到要求扫码的创业者 ,“您好,能加个关注吗?我正在创业”,每一次,小财女都会委婉拒绝 ,这些创业者也没有过多纠缠,会转身走向下一位 。
红利市场里 ,人人感觉自己创业很牛叉 ,到了市场总量稳定的环境里,尾部的创业者不断的淘汰出去,新进入的创业者无法分享新增的蛋糕,他们要做的 ,只有从现有的蛋糕里抢夺一部分 ,才能活下去,本来大部分活着的创业者都已经生不如死了,新进入的创业者有多大的本事直接去抢夺蛋糕呢? 目前几乎所有的领域,都存在创业难的问题 ,现在活着的大部分创业者都有哭着喊着说不干的时候,新入行的创业者本来就是草根,还不是白白当炮灰的命? 因为工作的关系,收到过很多人的创业计划,大部分人并非有明确的目标 ,只是对现在的工作环境和收入不满,就想着通过创业改变命运,连打工都打不好的人,创业是没有办法改变你的命运的 ,只会让你更穷更苦 ,创业是属于强者的游戏 ,是玩命的冒险历程 ,你每天都要经受生与死的考验。
3760只“僵尸股”中 ,净利润增长超过100%的企业最多 ,一共有1552家。
<p class="muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
<p class="text-error">Donec ullamcorper nulla non metus auctor fringilla.</p>
<p class="text-info">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.</p>
<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
Stylized implemenation of HTML's <abbr>
element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title
attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.
这对张浩来说是件好事,不过他同时希望能吸引腾讯的加入 。
An abbreviation of the word attribute is attr.
<abbr title="attribute">attr</abbr>
Add .initialism
to an abbreviation for a slightly smaller font-size.
HTML is the best thing since sliced bread.
<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
Present contact information for the nearest ancestor or the entire body of work.
但大体上可以判断出,其微信指数是基于‘搜索词’在微信的流行度情况综合各方面给出的数值 。
<address> <strong>Twitter, Inc.</strong><br> 795 Folsom Ave, Suite 600<br> San Francisco, CA 94107<br> <abbr title="Phone">P:</abbr> (123) 456-7890 </address> <address> <strong>Full Name</strong><br> <a href="mailto:#">first.test@test.com</a> </address>
For quoting blocks of content from another source within your document.
Wrap <blockquote>
around any HTML as the quote. For straight quotes we recommend a <p>
.
K11心目中的理想消费人群是25至45岁之间,在购物上较为成熟的消费群体 ,这个群体思维上前卫 ,且非常喜欢新鲜事物,郑志刚直接将K11细分成与之对应且主题鲜明的多元化消费场所 。
<blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> </blockquote>
Style and content changes for simple variations on a standard blockquote.
可这世界上固化的只有标签。一定是已经想到了怎么样把它卖好 ,想到了别人怎么会喜欢这个东西。
而且在手机端还没有出现一个在游戏品质和影响力方面类似《英雄联盟》的游戏 ,用户很可能会有在手机端也想玩《英雄联盟》等游戏的需求。
Someone famous in Source Title
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>Someone famous <cite title="Source Title">Source Title</cite></small>
</blockquote>
Use .pull-right
for a floated, right-aligned blockquote.
<blockquote class="pull-right"> ... </blockquote>
A list of items in which the order does not explicitly matter.
<ul> <li>...</li> </ul>
A list of items in which the order does explicitly matter.
<ol> <li>...</li> </ol>
A list of items with no list-style
or additional left padding.
<ul class="unstyled"> <li>...</li> </ul>
A list of terms with their associated descriptions.
<dl>
<dt>...</dt>
<dd>...</dd>
</dl>
Make terms and descriptions in <dl>
line up side-by-side.
<dl class="dl-horizontal"> <dt>...</dt> <dd>...</dd> </dl>
南区
Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow
. In narrower viewports, they will change to the default stacked layout.
但短视频的火热带来了新选择。
For example, <code><section></code> should be wrapped as inline.
Use <pre>
for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.
<p>Sample text here...</p>
<pre> <p>Sample text here...</p> </pre>
锡林郭勒盟 Be sure to keep code within <pre>
tags as close to the left as possible; it will render all tabs.
几个合伙人清算了资产、各回各家 。 目前 ,其中的856家已经复苏 ,复苏的概率达到50% 。
6年时间里 ,他先后担任了两家游戏公司的创始人,回想当初放弃大厂稳定的工作收入 ,一头扎进创业浪潮的原因时 ,金志雄给出的答案毫不遮掩:“当时年轻 ,创业就是冲着上市去的。 然而 ,12月8日下午消息 ,空空狐创始人余小丹今日通过个人公众号发文称,由于公司内部治理原因 ,公司日前被第二轮投资方昆仑万维清算 ,目前创始人余小丹已被踢出董事会,并被辞去CEO职位 ,实际上完全失去了对一手创立的公司的控制权。
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
<table class="table"> … </table>
Add any of the following classes to the .table
base class.
这位老兄手伸得挺长,后来还专门组织搞了一个论文叫《中国的生活满意度:1990-2010》(China'sLifeSatisfaction,1990-2010),说这20年里 ,中国经济高歌猛进 ,但中国普通老百姓的生意满意度却呈急剧下滑的趋势 ,多数人2010年的幸福感还不及1990年时的情况 。“我们发现每座城市都有自己独特的交通需求 。
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
<table class="table table-striped"> … </table>
Add borders and rounded corners to the table.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
Mark | Otto | @TwBootstrap | |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table class="table table-bordered"> … </table>
Enable a hover state on table rows within a <tbody>
.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table class="table table-hover">
…
</table>
Makes tables more compact by cutting cell padding in half.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table class="table table-condensed"> … </table>
Use contextual classes to color table rows.
Class | Description |
---|---|
.success | Indicates a successful or positive action. |
.error | Indicates a dangerous or potentially negative action. |
.warning | Indicates a warning that might need attention. |
.info | Used as an alternative to the default styles. |
# | Product | Payment Taken | Status |
---|---|---|---|
1 | TB - Monthly | 01/04/2012 | Approved |
2 | TB - Monthly | 02/04/2012 | Declined |
3 | TB - Monthly | 03/04/2012 | Pending |
4 | TB - Monthly | 04/04/2012 | Call in to confirm |
... <tr class="success"> <td>1</td> <td>TB - Monthly</td> <td>01/04/2012</td> <td>Approved</td> </tr> ...
List of supported table HTML elements and how they should be used.
Tag | Description |
---|---|
<table> | Wrapping element for displaying data in a tabular format |
<thead> |
Container element for table header rows (<tr> ) to label table columns
|
<tbody> |
Container element for table rows (<tr> ) in the body of the table
|
<tr> |
Container element for a set of table cells (<td> or <th> ) that appears on a single row
|
<td> | Default table cell |
<th> |
Special table cell for column (or row, depending on scope and placement) labels Must be used within a <thead> |
<caption> | Description or summary of what the table holds, especially useful for screen readers |
<table> <caption>...</caption> <thead> <tr> <th>...</th> <th>...</th> </tr> </thead> <tbody> <tr> <td>...</td> <td>...</td> </tr> </tbody> </table>
Individual form controls receive styling, but without any required base class on the <form>
or large changes in markup. Results in stacked, left-aligned labels on top of form controls.
<form> <fieldset> <legend>Legend</legend> <label>Label name</label> <input type="text" placeholder="Type something…"> <span class="help-block">Example block-level help text here.</span> <label class="checkbox"> <input type="checkbox"> Check me out </label> <button type="submit" class="btn">Submit</button> </fieldset> </form>
Included with Bootstrap are three optional form layouts for common use cases.
彻底关闭或准关闭项目多集中在电子商务、本地生活 、社交 、企业服务等领域;北上广浙四地成为重灾区,“死亡”项目中处于A轮及A轮前早期的比率高达98.60%。“想让别人相信我们能成 ,最开始我们自己得信。
<form class="form-search"> <input type="text" class="input-medium search-query"> <button type="submit" class="btn">Search</button> </form>
Add .form-inline
for left-aligned labels and inline-block controls for a compact layout.
<form class="form-inline"> <input type="text" class="input-small" placeholder="Email"> <input type="password" class="input-small" placeholder="Password"> <label class="checkbox"> <input type="checkbox"> Remember me </label> <button type="submit" class="btn">Sign in</button> </form>
Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:
<form class="form-horizontal">
<div class="control-group">
<label class="control-label" for="inputEmail">Email</label>
<div class="controls">
<input type="text" id="inputEmail" placeholder="Email">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Password</label>
<div class="controls">
<input type="password" id="inputPassword" placeholder="Password">
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
<button type="submit" class="btn">Sign in</button>
</div>
</div>
</form>
Examples of standard form controls supported in an example form layout.
对我们来说,今天这个选择已经不是我跟旭豪能选择的了 ,他是创业我是投资 。” 每一位参与这项公益活动的人都发自内心地支持LifeWater的“半瓶水”。
但是当你打开niconico ,你会发现远远不止如此。
<input type="text" placeholder="Text input">
Form control which supports multiple lines of text. Change rows
attribute as necessary.
<textarea rows="3"></textarea>
Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.
<label class="checkbox"> <input type="checkbox" value=""> Option one is this and that—be sure to include why it's great </label> <label class="radio"> <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> Option one is this and that—be sure to include why it's great </label> <label class="radio"> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> Option two can be something else and selecting it will deselect option one </label>
Add the .inline
class to a series of checkboxes or radios for controls appear on the same line.
<label class="checkbox inline"> <input type="checkbox" id="inlineCheckbox1" value="option1"> 1 </label> <label class="checkbox inline"> <input type="checkbox" id="inlineCheckbox2" value="option2"> 2 </label> <label class="checkbox inline"> <input type="checkbox" id="inlineCheckbox3" value="option3"> 3 </label>
Use the default option or specify a multiple="multiple"
to show multiple options at once.
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<select multiple="multiple">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
Adding on top of existing browser controls, Bootstrap includes other useful form components.
去年6月 ,足球评论员董路成立体育短视频公司乐播足球,嗨球科技创始人、足球运动员孙继海也在同月推出了运动短视频社交平台秒嗨 。 不过,经过3个月的思考,冯博士最终还是放弃了在路边擦皮鞋挣2万元的想法,并于1990年3月,拉着王功权去了老牟的南德集团。
强大的团队在面对方向有误的时候,也能够迅速调整过来,而且克服困难和承受压力的能力也更强。 生活化 :90后热爱生活,也爱分享自己的生活 ,美食、旅行 、时尚等都是他们晒的主题。
<div class="input-prepend"> <span class="add-on">@</span> <input class="span2" id="prependedInput" type="text" placeholder="Username"> </div> <div class="input-append"> <input class="span2" id="appendedInput" type="text"> <span class="add-on">.00</span> </div>
Use both classes and two instances of .add-on
to prepend and append an input.
<div class="input-prepend input-append">
<span class="add-on">$</span>
<input class="span2" id="appendedPrependedInput" type="text">
<span class="add-on">.00</span>
</div>
Instead of a <span>
with text, use a .btn
to attach a button (or two) to an input.
<div class="input-append"> <input class="span2" id="appendedInputButton" type="text"> <button class="btn" type="button">Go!</button> </div>
<div class="input-append"> <input class="span2" id="appendedInputButtons" type="text"> <button class="btn" type="button">Search</button> <button class="btn" type="button">Options</button> </div>
<div class="input-append"> <input class="span2" id="appendedDropdownButton" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> ... </ul> </div> </div>
<div class="input-prepend">
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">
Action
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
...
</ul>
</div>
<input class="span2" id="prependedDropdownButton" type="text">
</div>
<div class="input-prepend input-append"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> ... </ul> </div> <input class="span2" id="appendedPrependedDropdownButton" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> ... </ul> </div> </div>
<form class="form-search"> <div class="input-append"> <input type="text" class="span2 search-query"> <button type="submit" class="btn">Search</button> </div> <div class="input-prepend"> <button type="submit" class="btn">Search</button> <input type="text" class="span2 search-query"> </div> </form>
Use relative sizing classes like .input-large
or match your inputs to the grid column sizes using .span*
classes.
不少人对优酷土豆的命运表示遗憾 ,但事实上 ,优酷土豆的命运或许早在之前就已注定 。 左驭资本执行董事韩泽任主持,以下为会议实录 : 娱乐行业内容付费的常见形态有哪些? 阴超:网络电影和网络剧的付费 ,音乐的付费、短视频的付费 、以及未来可能的公众号付费都包括在内 。
<input class="input-block-level" type="text" placeholder=".input-block-level">
<input class="input-mini" type="text" placeholder=".input-mini"> <input class="input-small" type="text" placeholder=".input-small"> <input class="input-medium" type="text" placeholder=".input-medium"> <input class="input-large" type="text" placeholder=".input-large"> <input class="input-xlarge" type="text" placeholder=".input-xlarge"> <input class="input-xxlarge" type="text" placeholder=".input-xxlarge">
开县 In future versions, we'll be altering the use of these relative input classes to match our button sizes. For example, .input-large
will increase the padding and font-size of an input.
很难想象,这家号称拿过2000万美元投资的公司会在一夜之间消失无踪 。然而,只要稍微算一算,我们就能知道 ,它根本经不起推敲。
<input class="span1" type="text" placeholder=".span1"> <input class="span2" type="text" placeholder=".span2"> <input class="span3" type="text" placeholder=".span3"> <select class="span1"> ... </select> <select class="span2"> ... </select> <select class="span3"> ... </select>
For multiple grid inputs per line, use the .controls-row
modifier class for proper spacing. It floats the inputs to collapse white-space, sets the proper margins, and the clears the float.
<div class="controls"> <input class="span5" type="text" placeholder=".span5"> </div> <div class="controls controls-row"> <input class="span4" type="text" placeholder=".span4"> <input class="span1" type="text" placeholder=".span1"> </div> ...
Present data in a form that's not editable without using actual form markup.
滨州市
<span class="input-xlarge uneditable-input">Some value here</span>
End a form with a group of actions (buttons). When placed within a .form-horizontal
, the buttons will automatically indent to line up with the form controls.
<div class="form-actions"> <button type="submit" class="btn btn-primary">Save changes</button> <button type="button" class="btn">Cancel</button> </div>
Inline and block level support for help text that appears around form controls.
<input type="text"><span class="help-inline">Inline help text</span>
<input type="text"><span class="help-block">A longer block of help text that breaks onto a new line and may extend beyond one line.</span>
Provide feedback to users or visitors with basic feedback states on form controls and labels.
上海交通大学轨道交通高管班项目主任汪峰也指出: 随意扫陌生人二维码存在安全隐患 ,从技术角度而言,一些别有用心者会伺机获取他人隐私信息 ,甚至将黑客软件植入他人手机 。 民间的说法有三个版本 ,A对手挖角,B患上了无法控制的抑郁症 ,C内部斗争失势。
<input class="input-xlarge" id="focusedInput" type="text" value="This is focused...">
Add the disabled
attribute on an input to prevent user input and trigger a slightly different look.
<input class="input-xlarge" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
Bootstrap includes validation styles for error, warning, info, and success messages. To use, add the appropriate class to the surrounding .control-group
.
<div class="control-group warning">
<label class="control-label" for="inputWarning">Input with warning</label>
<div class="controls">
<input type="text" id="inputWarning">
<span class="help-inline">Something may have gone wrong</span>
</div>
</div>
<div class="control-group error">
<label class="control-label" for="inputError">Input with error</label>
<div class="controls">
<input type="text" id="inputError">
<span class="help-inline">Please correct the error</span>
</div>
</div>
<div class="control-group success">
<label class="control-label" for="inputSuccess">Input with success</label>
<div class="controls">
<input type="text" id="inputSuccess">
<span class="help-inline">Woohoo!</span>
</div>
</div>
确实,互联网让知识来得那么容易 ,知之为知之很方便,很多人都以为知之等于学会 ,知之越多 ,学会越多,于是碎片化学习大行其道。
<img src="..." class="img-rounded"> <img src="..." class="img-circle"> <img src="..." class="img-polaroid">
西双版纳傣族自治州.img-rounded
and .img-circle
do not work in IE7-8 due to lack of border-radius
support.
140 icons in sprite form, available in dark gray (default) and white, provided by 喀什地区.
蚌埠市 Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to 雅安市 whenever practical.
而它真正用来吸引用户时间的同样也是不断打磨游戏本身的品质,但是却给用户制造了一个你花的时间多 ,你的游戏水平够高 ,你就能够碾压其他人 ,与金钱无关的世界 。在广告系列中,将所有其它广告系列的关键词添加为广泛匹配后进行效果监测,通俗的来说就是排除法 。
<i class="icon-search"></i>
There are also styles available for inverted (white) icons, made ready with one extra class. We will specifically enforce this class on hover and active states for nav and dropdown links.
<i class="icon-search icon-white"></i>
吐鲁番地区
When using beside strings of text, as in buttons or nav links, be sure to leave a space after the <i>
tag for proper spacing.
而挂牌上市能增加公司的融资能力,解决企业资金的需求。
<div class="btn-toolbar"> <div class="btn-group"> <a class="btn" href="#"><i class="icon-align-left"></i></a> <a class="btn" href="#"><i class="icon-align-center"></i></a> <a class="btn" href="#"><i class="icon-align-right"></i></a> <a class="btn" href="#"><i class="icon-align-justify"></i></a> </div> </div>
<div class="btn-group"> <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#"><i class="icon-pencil"></i> Edit</a></li> <li><a href="#"><i class="icon-trash"></i> Delete</a></li> <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li> <li class="divider"></li> <li><a href="#"><i class="i"></i> Make admin</a></li> </ul> </div>
<a class="btn btn-small" href="#"><i class="icon-star"></i></a>
<ul class="nav nav-list"> <li class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li> <li><a href="#"><i class="icon-book"></i> Library</a></li> <li><a href="#"><i class="icon-pencil"></i> Applications</a></li> <li><a href="#"><i class="i"></i> Misc</a></li> </ul>
<div class="control-group">
<label class="control-label" for="inputIcon">Email address</label>
<div class="controls">
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span>
<input class="span2" id="inputIcon" type="text">
</div>
</div>
</div>