TOP1:宝马《该新闻已被BMW快速删除》H5 王宇(独立营销人、虎嗅作者)：通过将创意嫁接到最新的技术表现形式，让传播带给了用户超预期的体验。
TOP1:宝马《该新闻已被BMW快速删除》H5 王宇(独立营销人、虎嗅作者)：通过将创意嫁接到最新的技术表现形式，让传播带给了用户超预期的体验。
但最终，友友用车还是倒在了融资环节上。
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被不少政客认为是“偏向性极强的视频网站”，但杉本诚司却坚持认为他们提供的是一个中立的环境，不持有任何立场。因此，他们并没有如我们预期地去转化他们的存量客户，大多只在增量开发的时候会用到我们给他们的互联网工具。
例如，我们正通过非常精确的技术进行检测——从通信和语音的测量到对瞳孔放大、脸红程度的监测，或语音语调等兴奋表现的外部测量技术。 再往前推，元老级的餐饮网红，比如黄太吉、雕爷牛腩更是泯然众人。因为各种各样的因素，团队、我们自己的给力、天时、地利，我们被推到舞台中心。
那么面对网站中N多的广告位，如何分析合理运用，实现其最大价值呢？本期内容我们从站内广告分析为大家说说。没有niconico的生放送，B站可能也就不会开通直播功能。但是具体来说，你会做那种选择? 事实上，虽然直觉上我们做了选择，在创业路上，30%的几率挣到300万的策略却总是让步于0.3%挣到3亿。
<p>...</p>
Make a paragraph stand out by adding .lead.
纪中展(知识分子)：内容有天花板吗?是不是每件事情都有天花板?当你感觉做1个亿都很乏力的时候，为什么很多人还感觉自己还有10亿美金，或者已经做到10亿美金，并感到空间无限呢? 从成功学的角度来讲，这不仅仅是心态的问题，而是思路没有打开。同时，各种各样的《王者荣耀》赛事、直播和社区也被建立了起来，这些活动的本质目的都是为了扩大用户群体，并且让《王者荣耀》渐渐的成为一个平台，由用户自己在上面产生内容和社交，直到融入用户的日常生活当中。
<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.
在新一轮的切磋中，更多的大品牌将会产生，大大提高行业集中度。
简单的理解domain就是一个站点的反链域，也可以叫做站点的反向链接域名，而查询出来的搜索结果就是与之匹配的反向链接域名的数量(同一个网站可以被多次计算)。
《王者荣耀》不一样，它更现实，或者说，它是现实社交的延伸，而不是一个新的虚拟世界。
其次，在具体的操作过程中，建议同时和一些核心的重要股东进行沟通，因为到最后还是需要这些股东签字才能进行(股权转让)。
目前，新加坡巴西立公园附近的ofo共享单车已经引发了其他单车租赁企业的不满——他们指责ofo不公平竞争：一方面，ofo没有支付公共场地的使用费用，比他们成本低;另一方面，相比他们7~8新加坡元的时租费用，ofo只要0.5新加坡元一次的价格实在太有吸引力。
当我们问到她，如果可以再做一次，会选择追求利润，还是选择追求最好的用户体验时，李宇回答：在不同的场景下有不同的选择。
<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.
22岁时公司估值已2亿美金，另外投出一家估值超10亿的公司，意气风发的时候，这位“90后马云”说“牛逼的90后你们黑不完”。
<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.
寻找用户新引擎 每一种喜欢都标好了价格 大文娱产业到底多大? 根据易观智库发布的相关数据显示，2016年中国文化娱乐产业规模超过3500亿元，同比增长11.8%。南方的梅雨季你知道的，天天下雨，杨国强就天天干着出门湿着回家。
惠特妮·休斯顿唱歌的时候那种状态，实际是在跟观众、跟听众在交流。
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.
这些白酒企业投入得不多，损失得不多，给RIO带来的挑战也不多。3月20日，网易云音乐发起“乐评专列：看见音乐的力量”活动，承包了一辆车，和一个地铁站，宣布将持续投放一个月的精选乐评。
比如大陆桥(837492.OC)，公司2014年只有0.24万元的净利润，2015年净利润同比增长了355倍，达到846.97万元。全民娱乐时代，文学、动漫、影视、游戏、综艺节目等娱乐形式不再孤立发展，而是通过协同合作，共同打造一个优质IP，构建大文娱产业新生态。
| # | 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.
业务模式从最初的微信公众号人气推广转移到现在的精品内容电商运营，旨在将内容运营积聚的流量实现最大的销售转化。而微信指数未来是否还会延伸出其它的辅助功能(如相关其它搜索词指数、相关搜索词用户男女比例等)就让我们一起试目以待吧! 本文由蝉大师https://www.chandashi.com/原创，如需转载，请注明出处，否则禁止转载!~~~document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。
| # | 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.
伴随着入场者数量剧增、竞争成为红海，形成爆款的广泛契合基础瓦解。 他坦承自己不是BAT，没有能力提供“安稳”。
《王者荣耀》团队在游戏的初始阶段面临了两个重大的选择，一个是他们的游戏模式到底应该是什么样的，另一个就是他们要针对的目标用户到底应该是谁。
<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.
2010年6月，美国老虎基金、德同资本一起注资乐淘1000万美元。朱建说，那次尝试的效果是抵达记忆。
2013年9月淘宝开始封杀美丽说入口，美丽说流量下降很多。 游戏化：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">
糖心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.
事情是不是很简单，一看就会了对不对?守护袁昆认为你根本不会，我都干了那么多年才有自己的一套系统，你看一篇文章就会了? 互联网营销一定是干出来的，看再多的方法技巧、学再多的课程，自己试一试就清楚了，知道怎样下手吗? 文/守护袁昆，从0开始玩网络营销，让网络营销更有效!document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。 另外，前几年央视大数据的调查也发现，“收入多少”与“幸福感”会呈一种“正相关”的关系，但是，年收入在30万形成了一个幸福的拐点，超过30万的家庭随着收入越高，幸福感逐渐下降。
<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.
所以可以选择官网SEO+博客+行业网站，或者媒体网站+社会化媒体。 利用连接红利产生的所谓“群体智慧”，由下而上地决策，似乎要比内容制作者的一己之力更为有效。
<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>
事实上，从2015年开始，关于HTC裁员、卖厂的传闻已是不断，只是没有想到，它会以这样的方式收场。
<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 糖心VLGO官网 whenever practical.
document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。 旧金山交通局及旧金山公共工程局负责人给李刚的信 值得注意的是，信中反复强调“公共路权”(publicrightofway)概念，在短短2页纸内提及14次。
<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>
txvlogcom糖心官网网站
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>