十袋金坷垃比不上咱们一盘咖喱饭。
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).
所以新媒体的广告效应非常明显,自去年以来,好的公众号的报价每个季度都在涨。 2013年,中央“八项规定”出台,作为豪华餐饮的代表,俏江南首当其冲,经营非常困难,上市更是遥遥无期了。
今天我们团队有很多需要文化、需要组织,处理人方面的事情。每进入一座城市前,我们进行周全的调查,对症下药;投放车辆后,我们展开精细化运营。不在VIP的站点,内容优质,可以被展示到时效性中;而VIP垂类开放,是针对优质的原创时效性站点,我们将会给到VIP服务,主要看内容是否优质了
你想想自己是什么品牌定位是什么?中老年品牌?潮牌?小清新?白领丽人?你明确过自己是做啥的了吗?别灰心,如果还想吃这碗饭就只能不断学习。“然而niconico超会议也通过举办相扑比赛、将棋游戏,以及去年新推出的歌舞伎表演帮助网站吸引了那些更加年长的用户。 他们信奉的是流量第一,收益第一。
<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.
” 这之后不久,美国国家安全局、联邦调查局诸多机构很快找来寻求合作,Palantir在情报系统频频立功,2011年,成功地协助美国政府击毙了本拉登。
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.
“双创”之下,互联网企业获得大力发展,O2O等项目空前壮大,以P2P为代表的互联网金融也相继崛起。
股权转让在国内还是一个新兴的市场,但在国外的发展历史已经超过了50年,尤其是在美国,股权转让已经成为一种非常成熟的交易方式。
被不安全、不诚信的产品折磨了太久之后,社会已经处于一个巨大的需求状态下。
接下来是转化能力,渠道型媒体能不能把更多的搜索转化成广告点击,这种天花板相对高。
在风靡世界的电影《指环王》中,平静的夏尔受到了黑暗势力的威胁,白袍巫师甘道夫组建了魔戒远征队,要去拯救夏尔。
群脉:内容管理+大数据采集 对于“一条”这样的创业新媒体平台,时间与机会成本则是上升发展的最大瓶颈,为了解决这个问题,同时更好地管理线上庞大的用户,“一条”携手群脉SCRM打造会员管理新玩法,构建微信用户活跃度采集,菜单管理关键字回复,内容管理等模块,运用大数据建立“用户画像”,帮助“一条”更深层次的了解每一位客户,为客户提供更个性化的产品和更高质量的服务,同时利用和激发老客户的社会影响力,扩充更多新流量,实现广泛的线上推广、引流和流量变现,并运用标签对客户进行分组管理,最终达到精细化运营和场景化销售。
<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.
这个定位不仅让niconico超会议吸引了大量参加者,也长期以来帮助niconico从众多的视频网站中脱颖而出。
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.
另外,目前VR内容的数量及丰富程度,仍然不能支撑产业的发展。
<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月28日至3月29日期间有关‘国足’关键词的指数预计会再次激烈窜升,因为3月28日国足又会有比赛了
摘要:围绕文娱这座金矿,各路资本蜂拥而至,意图在这个千亿级市场中分一杯羹。
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.
” 据了解,在美国,15%的募集基金是通过股权转让的方式退出的,而在中国这个数字还不到1%。
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.
而这类算法如果你可以把控的很巧妙,运用的自如,其实就不难发现搜索引擎的排名方向标。截止2017年3月8日,公司股价已经由12.01元跌至5.5元,区间跌幅高达54.20%,直接腰斩。
很多创业者找我交流过,都会提到时间分配不来,要管技术、招聘、产品、销售、市场等等,深入交流才发现,公司没有合伙人,所有部门都要亲自盯。 蒋美兰(费芮互动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.
巴克斯酒业向百润股份承诺,从2014年到2017年,其年度净利润分别不低于2.22亿元、3.83亿元、5.44亿元和7.06亿元。而《王者荣耀》团队认为的可能是《王者荣耀》只是一款手机上的轻量化MOBA游戏,游戏更加偏向于社交化和休闲化,他们发现了中国的手机端用户对于小额游戏付费的抵触心理并没有那么高,所以其实它只需要保障土豪玩家不会影响游戏的公平性,并且同时零付费玩家的抗议不会太大就可以了,这也同样解释了为什么《王者荣耀》对于《英雄联盟》的铭文获得的体制上进行了修改,允许用户直接用人民币抽取铭文。
| # | 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.
但大体上可以判断出,其微信指数是基于‘搜索词’在微信的流行度情况综合各方面给出的数值。 对于创新,像我们这样的平台公司,在座大多数可能会用到运营,用运营推动业务。
2014年-2016年,小马过河先后推出碎片化在线练习及学习管理平台、提出留学考试会员制、发布小马过河App、发布宇宙托福App,但其商业模式都没有被很好地验证。
<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.
没有看过的人肯定就不知道怎么做,而像我可能刚好在做餐饮的过程中接触过,不敢说有多精通,但我至少知道每个行业的特殊性,怎么打破行业之间的隔阂,整合资源。“对于优酷这种大的平台,通过阿里巴巴消费数据的挖掘,能够挖掘出更成规模的变现方法,这确实是我们当时重要考量的地方。
但是,真正有价值的知识和经验都不会是干货,而是湿货,都会有其诸多条件的。 微博和今日头条的体育版权布局与乐视逻辑不同。
<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.
等等,博物馆零售什么鬼?说白了,就是用各种手段,让消费者心甘情愿的留下来消费,而且郑志刚也压根没把K11购物中心当成商场,而是定位成现代都市博物馆。软文由相关品牌或者企业直接付费,对于软文创作者来说,一篇文章卖给商家就完事了,想要赚钱需要重新再来。
<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.
内容问题解决了,发布平台解决了。 可见,住宿和餐饮业太难出“牛股”。
<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.
正当毕胜艰难地与供应商一家一家死磕时,2009年9月,美国华人小伙谢家华创办的网上鞋店Zappos被亚马逊以8.47亿美元收购,一时引起热议。 我记得那天问旭豪,因为他那时候在考虑融资独立发展,也在考虑很多其他的事情。
<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>
当然你可能会说,10%的项目能赚钱,还有这么多去创业,难道不是泡沫。
<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 txvlogcom糖心官网网站 whenever practical.
——现代奥林匹克运动会之父皮埃尔-德-顾拜旦,1936 如果说「战斗到底」显得过于激昂的话,我更倾向于说享受整个过程。 后来,毕胜想投资凡客的陈年,但凡客的崛起速度太快,他还没来得及,就没机会了。
<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.
我们连续三年每年营收增长超过300%,而今年第一季度未结束,我们的ARR(年度循环收入)已经超过去年全年。
<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>