为了让使用流程达到最佳体验效果,友友用车做了两件事: 第一,让新用户可以在1分钟之内把车开走。
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).
直到后期越来越多版权视频在niconico上线,观众对于剧情和细节的分析而形成的讨论氛围才真正形成。作为风险大、周期长的投资行为,天使投资的退出项目占比一直饱受关注。
但短视频的火热带来了新选择。”言外之意就是“我不知你是否真的值这个价钱。 2012年4月,俏江南又谋划在香港上市,为了筹集资金甚至把价值3亿的兰会所卖掉,甚至张兰都不惜辞去政协委员一职,把国籍更改为加勒比岛国,但这样还是没能在香港上市。
郑志刚从小家教很严,从小不仅要考年级第一,还要学画画和歌剧,不仅是年级第一,画画作品令老师们至今印象深刻。 创业者最大的问题就是为创业而创业,怎么看怎么好,怎么看怎么美。 其次,巨额的运营费用也让友友用车的前行倍感吃力。
<p>...</p>
Make a paragraph stand out by adding .lead.
产品本身没什么问题,不仅赢来了创业以来最高的用户量和关注度,还在业内得到了一些奖项的肯定,但O2O模式在短短两年多的时间内就从热门走向了衰落。他们希望他们的管理者能够不断的给予他们认可和情感上的安慰。
<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.
在地铁里面辱骂、推搡、抢手机就是错了。
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>
糖心VLOG产精国品免费老 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.
这件事情当时在公司被传为佳话,并且直到现在,那家公司还将杨宁的这套工具稍作改良推广到了全国。
接下来是转化能力,渠道型媒体能不能把更多的搜索转化成广告点击,这种天花板相对高。
”这原本是朱建的个人问题,但他发现他的家庭其实是中产家庭的一个缩影。
当然你可能会说,10%的项目能赚钱,还有这么多去创业,难道不是泡沫。
除此之外,互联网中还有一类公司,多数属于上游流量方,但是其所处行业天生不能形成商业闭环,不得不委身于BAT,比如优酷土豆。
内容生产者不是知名专家,不是细分领域的KOL,生产的内容又没有权威性,用户没有买单的理由。
<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.
因此,为了获取更好的用户体验,友友租车在2015年打算转型为B2C模式。
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.
那么,新引擎在哪里? 答案也许不是电影票房,而是视频付费用户 根据易凯资本发布的《中国娱乐产业2016-2017年度报告》统计,2016年中国视频网站的付费用户接近6000万,对比2015年公布的同期数据,爱奇艺、腾讯、优土、乐视四大视频网站在一年内会员数量实现了3至4倍的增长。
<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>.
有媒体整理了导致曾经市值一度高达2000万美元,在2011年占全球智能手机市场份额25%的HTC,落到如今这步田地的几个原因,概括起来大概有四点:专利起诉制约,缺少核心技术,应对市场不灵活,长期被供应商运营商掣肘。
<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.
在无限感慨之际,不禁在想,如何抓住移动互联网盛行阶段的红利期?如何做好移动端的推广工作?而这一切,今天就让我们从微信指数开始说起。 2.建立多步骤付款过程 比如说将客户输入邮件地址和其他付款信息分开,这样就算客户在付款途中放弃。
五、科技行业适合五彩缤纷的色彩艺术设计 手机领域之前苹果手机从单一颜色逐渐变成多变的颜色,说明针对不同消费群体,不同颜色很容易满足人们对于颜色的需求。
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>
糖心vlog免费网页版
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>
糖心VLOG视频 Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.
一个账号的模式可能很难满足不同用户群的口味,账号内容的分裂也难以让用户形成统一的认知,单一账号容易出现流量的波峰波谷,这会减弱广告主的投放价值,卢山说,“如同CCTV,面向不同人群,要做不同的内容频道。但是,运用CDN技术可以让网络更加稳定,防止宕机,并提高网络访问、响应速度。
当创始人还是有点犹豫时,王功权就登场了,他的主要任务就是“鼓动创始人从经营层面退到董事层面”。 不过,凭着省委组织部的不凡履历,王功权很快就在海南省开发建设总公司下属的一个分公司找到差事“主要工作就是拆迁土地”。
| # | 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.
而且,取消新闻源也不见得真对这些“钉子户”有多大影响,VIP俱乐部摆明了是个特权,就不能因为某些原因特事特办吗?既给足面子不伤害感情,又能变相激励一把,简直完美! 绕了这么多,总体来看,百度取消新闻源这事实际上并不像预想的那样猛烈,说是个胡萝卜加大棒的玩法也不为过。 相比2016年第83位、2015年第84位、2013年第93位(2014年的数据不是很准确,坤鹏论查了一下发现也有说是93位的)、2012年第112位,咱们一直在上升,但依然还是没有脱离中游水平。
| # | 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.
不少用户抱怨“找车的时间超过15分钟,甚至比骑车时间还长”。 郑志刚从小家教很严,从小不仅要考年级第一,还要学画画和歌剧,不仅是年级第一,画画作品令老师们至今印象深刻。
<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.
他会通过微信、视频各种方式开会,有时也会把会议拉到片场开。2016年6月,原新浪研发中心总经理童剑担任白山联合创始人兼CTO。
你的二十岁或者三十岁,只有一次。
<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.
本来已经不抱啥希望的红杉资本,忙不迭地又投了300万美金A轮。 去年,马云说“一个月有两三万、三四万块钱,有个小房子、有个车、有个好家庭,没有比这个更幸福了,那是幸福生活。
摘要:号称500万元买秘方,在雕爷牛腩和大咖同吃一口咖喱,都曾为餐厅吸引眼球。所以投资人越来越难做,一边研究市场发展方向,一边帮助企业朝着自己研究的这个方向发展。
<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">
糖心vlog免费网页版 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.
那么,新引擎在哪里? 答案也许不是电影票房,而是视频付费用户 根据易凯资本发布的《中国娱乐产业2016-2017年度报告》统计,2016年中国视频网站的付费用户接近6000万,对比2015年公布的同期数据,爱奇艺、腾讯、优土、乐视四大视频网站在一年内会员数量实现了3至4倍的增长。 王思聪孜孜不倦努力做网红,比不上王健林老爸随口一句“小目标”和万达年会上的各种神开嗓。
<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.
糖心VLOG产精国品免费入口<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.
误区六:此算法非彼算法 现今我们知道最多的就是百度的蓝天算法、绿萝算法、冰桶算法等等。 这三匹黑马即是如此,魔力TV拥有“魔力美食”、“小情书”、“造物集”等6个秒拍平台播放量前20的大号,大禹网络则拥有“拜托啦学妹”和“软软其实不太硬”两个头部大号,蜂群传媒旗下“马克Malik”、“留几手”、“我的前任是极品”同样声名在外。
<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">
心糖vlog免费版在线观看免费
.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 糖心vlog.
糖心VLOG产精国品免费入 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 糖心vlog国产剧免费观看 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>
糖心vlog免费网页版
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.
印度纸币系统中最大面值的500卢比(约48人民币)和1000卢比(约96人民币),一直是爱好现金交易的印度人民用于相对大额支付的主力纸币。
<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>