目前,新加坡陆交局采取“观其行”的态度,支持共享单车企业在新加坡推动自行车出行,但会进行密切监控,并称:对于可能出现的乱停乱放,除了拖走外,将视情采取进一步措施。
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).
在接下来的两年,张兰一直都在疯狂赚钱,虽然张兰曾经打过篮球,体质非常好,但一天要打6份工,如此劳动强度,让她每天晚上回到地下室,只能自己用手把僵硬的腿抬到床上。而且,这种从端游时代流传下来的绑架用户时间的模式,是完全不符合智能手机和手游最基本的特点的。
除了“极藻5s”外,百科中还可以查到“B365酵素”、“补肝素”、“神经酸”、“仙人鞭”等产品。 从行业大环境来说,教育从线下转移到线上还处于发展初期,人们对在线教育的接受程度还在适应过程中。 很多时候跟很多创业者交流,说你的对手有好东西,(对方回答说)说这个东西不行这个东西我行。
刘晓东生于1967年,毕业后一直从事烟草香料工作,1997年创立上海百润香精香料公司,自任董事长兼总经理。比如知乎之前的生产者已经开始往PGC靠拢了。 背书效应 当BAT总市值超过3万亿时,这三家互联网巨头越来越清楚自己的边界所在,它们不再亲自下场,而是通过投资来完成战略布局。
<p>...</p>
Make a paragraph stand out by adding .lead.
”对于国外记者的误解霍涛一笑而过。 正好王功权也想把工作重点从海外转向国内,于是欣然笑纳。
<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.
3、如何设置广告系列结构 这里介绍一种稍微复杂的方法,这种方法有可能会遇到关键词的限制,下面我们一起来看看。
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.
这种媒体内容还衍生出了治愈系MAD、燃系MAD等等不同的类型。
很多O2O或者共享概念是不怕赔钱做市场的,假如有一天,突然强调盈利了,说明公司有优化财务报表的考虑,这个主要还不是忽悠投资人,主要是为了上市,当然也有一种可能,是公司融不到钱了,烧不下去,要自救了,这个靠你自己判断了。
随着企业逐步进入资本市场,鸭脖等熟食行业也将迎来下半场的充分竞争。
我们还结合技术手段、公开信息、企业APP更新、企业微信公众号更新、企业官方网站更新及工作电话确认这五个纬度进行判断,同时满足所有纬度则判定项目为“已关闭”的,我们才称之为“彻底关闭”。
所以确定了英雄的人物形象之后,英雄技能的设计就变得非常的简单了,只需要根据这个人物的形象,设定它的基本英雄定位,然后去《英雄联盟》里面借鉴就可以了,原创技能的设计和组合,交给《英雄联盟》的团队去发愁,《王者荣耀》只需要去适配移动端特性就好了,偶尔有需要就再原创一两个技能,或者把几个英雄的技能混在一起组成一个新英雄的技能,当然也都是为了适配移动端的。
”言外之意就是“我不知你是否真的值这个价钱。
<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.
也最后打动了像Joe蔡总他们的团队。
<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>.
结果,那位创始人拉着王功权的手就不撒开,两个人在马路牙子上又谈了一个多小时“早遇到您我就不用这么痛苦了”。
<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.
而这3%,只是符合我们产品目标客户群的定位而言,还有不少同类型的竞争对手乃至于巨头前辈跟我们去争抢这块市场,所以,在有效的潜在市场只有3%的前提下,一个创业公司把吃下1%的市场作为梦想也就不足为过了。在我的印象里,诺基亚这个品牌因为情怀被人们复活过三次。
2013年9月淘宝开始封杀美丽说入口,美丽说流量下降很多。
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.
所以可以选择官网SEO+博客+行业网站,或者媒体网站+社会化媒体。
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.
推动中国互联网发展 很多创业新兵都会向罗江春请教,自称“简单粗暴、交流直接”的罗江春,自然不会忘记向他们推介百度联盟。 2015年9月29日,运营13个月的“印象湘江”湘江世纪城店正式停业。
(2)消费者消费心理不成熟 消费者的购买动机有求实、求安、求廉、求同、求新、求美、求名七种动机。 当你面前拥有所有的信息,审计网页和处理页面上出现的问题就顺理成章了。
| # | 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.
但他们显著地消耗了创业世界中的注意力,而将一元成功论凌驾于所有的成功范式之上。 TOP5:滴滴顺风车联合彩虹合唱团推出《春节自救指南:回家篇》 吴声(场景实验室创始人):滴滴顺风车联合上海彩虹室内合唱团打造跨界作品《春节自救指南——回家篇》,是对“场景流”这一新物种关键词的最好示例。
| # | 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.
《王者荣耀》不一样,它更现实,或者说,它是现实社交的延伸,而不是一个新的虚拟世界。结果大众化没实现,“高端”的牌子却被砸了
<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.
20年后,沧海桑田,时过境迁,在岁月的变幻当中,伴随着行业的变动及众多新基金的崛起,如今的鼎晖投资已经不是当初的鼎晖。 同样,对于很多依靠免费用户来制造网络营销,希望在创业初期迅速地抢占市场规模的商业模式来说,上面的系数同样也不适用。
仅仅只有一个半月的时间,股价就被打回原型,一度跌至9.9元。
<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.
一位用户反映,自己刚刚去了北京友友联创信息技术有限公司位于大兴区的注册地点,但“大门紧锁”。 第一次复活是lumia品牌与微软进行合作,成为了搭载WindowsPhone系统的主力机型。
希望对内容创业者和对内容创业感兴趣的创业者能有帮助。 我们发现,从评委们的评语中可以明显感受到,其中一个词被反复提及的频率最高:创新技术手段的运用;另外一个则是“品效合一”。
<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.
按照这个趋势,2年后的VR市场规模不会超过200亿美元。 想要获取最新IT资讯、站长干货分享, 可以关注A5站长网微信公众号。
<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">
糖心VLGO官网 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.
都能月入几万,我们为什么要讨论一个助理的工资? ②我妈退休后在家做花饽饽,也是月入几万啊…… 我的合伙人老谭把这两个段子甩到了内参群里,结果也引来伙伴们一阵欢乐热议: 当然这些都是冷笑话,不过说到作,前不久内参的一篇文章《一大波网红餐厅闭店!餐饮业最擅长“创新”的为什么都不行了?》,分析了一波网红餐厅“作死”的原因。 微信指数的算法是怎样的? 这可能是基于干站长这么多年的习惯吧,混PC端时,天天研究百度的排名算法,干ASO时,又天天研究苹果应用商店的算法。
<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.
5、客户流量、获取利润途径单一 我曾经遇到过这样的公司,看数据结果流量确实大,财务流确实很优质、数据很客观。 今天的年轻人好像不投身创业大潮都忒对不起自己,尤其马云那句话影响深远,“梦想还是要有的,万一成功了呢”,但左右创业成败的因素很多,能力、机遇、运气、人脉缺一不可,也许换一个时机,马云就在肯德基一直干下去了。
<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.
知名度极高,美誉度极差,几乎是所有规模很大的C2C行业都存在的问题。 《阴阳师》再赚钱,也不及2011年被网易舍弃的陌陌,其最新估值已高达58.67亿元。
<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.
不仅如此,商家还要配备运营和推广等人员为马先生的规则去服务,而运营推广都是新兴行业,工资巨高,水也深,不做个半年根本不知道这个人的能力怎样,这些都是多出来的成本啊。
<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>