里面的装修和陈设极尽奢华：一只水晶杯上万、一把椅子18万，一盏水晶吊灯40多万，甚至连卫生间的水龙头都是纯银打造的天鹅造型!要知道，当时俏江南一年的纯利润也只有1亿元左右! 事实证明张兰又赌对了，“奢华”背后，俏江南声名鹊起，接连为2008年北京奥运会、2010年上海世博会提供餐饮服务。
里面的装修和陈设极尽奢华：一只水晶杯上万、一把椅子18万，一盏水晶吊灯40多万，甚至连卫生间的水龙头都是纯银打造的天鹅造型!要知道，当时俏江南一年的纯利润也只有1亿元左右! 事实证明张兰又赌对了，“奢华”背后，俏江南声名鹊起，接连为2008年北京奥运会、2010年上海世博会提供餐饮服务。
” 孔德菁对雷帝网说，当时做的最大决定是放弃个人利益，做一个关于域名方面的平台，让大家能在这个平台上赚到钱。
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内容的主力是用户们投稿的二次创作视频和音乐视频，而用户的弹幕内容也相对直接，大多都表达对角色或音乐的喜恶之情，并没有像现在那样的“脑洞大开”。
2006年，杨国强迈出了全国扩张的第一步。据悉，微软Azure云平台服务为摩拜海外运营提供技术支持，全球物联网先驱企业沃达丰为摩拜量身打造物联网平台解决方案，Stripe提供国际支付平台，安盛天平提供保险业务。和我一起打工的都是印度裔的男人，但人家一片儿都不会帮你搬。
虽然跟很多办公室白领认知不符，但这本质上是因为打击标题党符合先发平台的利益——工业废水从长期来看，影响了平台的品质和调性，最关键的是，低劣内容影响用户的信任度，并且把流量集中化，这对依赖更多个性化分发卖更多广告位的商业模式来说，无疑是致命的。在那段时间在各个区域，拼命地打电话。那就是一个夜排档的地方，在二楼，点了一堆菜尝尝味道。
<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.
大家都知道麦当劳，麦当劳最开始是麦当劳兄弟开在美国加州的一家汉堡店，生意特别好，但是并没有扩大连锁，后来被做冰激凌机器推销的克罗克发现，麦当劳兄弟的汉堡店订购的机器远远超过其他汉堡店，经过一番调查，克罗克发现麦当劳兄弟做了一项革新，将原本一个工位上完成的汉堡制作流程分解成流水线作业，和富士康的流水线一个道理，这样的细小创新，用户可能看不到，但是用户的等待时间缩短，生意非常好，于是相应的也卖出了更多的冰激凌。
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.
2016年，这家公司在半年之内完成两轮融资，总计超过2亿元。
最常见的微文案涵盖了错误信息、按钮标签、提示文本。
互联网公司们已经发现，愿意付费的人群，依旧是那些具备高价值的人，当下要创造价值，推动内容消费，需要依旧是这些有价值内容和有价值的人。
行业资源越来越集中，这必然会给中国电影行业带来深刻的变化。
而在这股浪潮下，我们也看到知乎这家慢公司倒是成为了资本的宠儿。
RIO的老对手冰锐则在2016年不断被传出“停产”、“裁员”的消息，虽然冰锐方面对此予以否认，但也给不出利好消息，而终端销售人员则反映冰锐由于牌子大、价格高、营销力度弱，“销售情况很不理想”。
<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.
而杂乱的UI界面最常见的原因，就是缺少层次结构。
<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>.
2014年，吴奇隆与盛大文学成立工作室的发布会上，奥飞动漫以及其他多家网络游戏公司的代表悉数到场。
<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.
但是在IPO上市前，永安行却终止了与蚂蚁金服和深创投等机构的投资合作，并签订终止协议 永安公司管理层认为无桩共享单车业务未来发展前景看好，但近日社会上存在部分对无桩共享单车投放和运营管理提出异议的观点，公司本着对投资者负责的态度和谨慎投资的原则，公司与上述投资机构再次协商，各方同意放缓投资进度。 艾瑞数据显示，2016年中国在线电影票务市场渗透率达74.7%，市场规模突破300亿元，在线电影票务平台已经成为购票主渠道。
最终他说他可以“战略投资”：70万人民币占30%。
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>
糖心VLGO官网
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.
3、如何设置广告系列结构 这里介绍一种稍微复杂的方法，这种方法有可能会遇到关键词的限制，下面我们一起来看看。
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.
北京、福州、宁波等地也相继出现水货门店关闭的信息。三人凑了不到1000万，霍涛拿的最多，只给家里留了点生活费，基本把老底都投了进去。
在此期间，公司没有任何重大事项发生。 实际上BAT与创业者之间的互动就像是一场高级玩家间的博弈游戏，创业公司如何不让其他巨头感到威胁，又能够借着与巨头的合作将公司发展壮大，考验着创业者在巨头笼罩下的生存智慧
| # | 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.
这种情况下通常会被工商部门列入“经营异常名录”。 问题出在那儿?思考1分钟，计时开始…… 妄想二：我们要去搭建一个平台，做规则的制定者 后来，boss们可能也感觉这条路走不通，为了寻求出路，公司高层决定进行转型：从企业管理服务商转型为服务商的服务商。
| # | 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.
只要公司开董事会，会中所有的内容和决策都会抄合伙人。 但是到了网络时代，一切都不一样了。
第四，要对商业变现有深入思考。
<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.
雷军这一说只不过是谦词，谦虚是中国人的性格使然，也是一种传统美德。 共享单车在中国发展很快，在短短半年光景里，ofo走出了校园，摩拜单车走出了北上广深，而且越来越多的地域性的共享单车创业者开始涌现出来。
这些人不是某特定领域的专家，但他们的拿手绝活是预测出“哪里能获得重要的内行信息”，同时与他人分享这些信息，进行分工，合作找到超出我们预期的应对方法。另外，百科中还有大量的医疗机构和名人词条。
<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.
对方说，“突然多了一笔数额过大的款项，了解一下是什么公司”。 “将来有哪些经济会被这些新的技术、被智能企业，在未来的几十年改变呢?大概有20万亿美元的市值，将来会被这些智能企业核心的技术改变。
<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.
从Palantir成功退出后，Joe又连续创办两家高科技企业和两家投资机构，其中一家企业管理着5000亿美元的财富。Joe开玩笑说，由于年轻，此前他和Steve好比是两个小孩儿在创业，和大机构打交道时人家往往会轻视他们。
<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">
糖心VLGO官网
.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.
据其离职的某个员工向GPLP君透露，“大家都走了，真觉得没有意思，所以我们后来也决定离职”比如《中国诗词大会》这样的清流综艺节目，全程阳春白雪高雅脱俗。
<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.
采用指标：总阅读数R、平均阅读数R/N，最高阅读数Rmax，总点赞数Z，平均阅读数R/N，最高阅读数Rmax，总点赞数Z，平均阅读数Z/N，最高点赞数Zmax,点赞率Z/R。
<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>