这表明 ，当我们视工作为幸福的最大来源时 ，我们就会在变革时期变得情绪上异常脆弱 。
这表明 ，当我们视工作为幸福的最大来源时 ，我们就会在变革时期变得情绪上异常脆弱 。
但这显然不是本次股价闪崩的原因 ，因为公司前十大股东并没有卖出一股 。
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).
在地铁站台或者车厢里的时候，小财女经常遇到要求扫码的创业者 ，“您好 ，能加个关注吗?我正在创业” ，每一次 ，小财女都会委婉拒绝 ，这些创业者也没有过多纠缠，会转身走向下一位 。PGC是自己出选题自己写 ，所谓的PUGC是用户提出一个很好的问题 ，然后工作人员联系这个用户，激发更多的内容出来 。
福建这两年也走出很多人才 ，在中国互联网行业风生水起，如美团点评CEO王兴 、今日头条CEO张一鸣 、雪球CEO方三文被并称为“互联网龙岩三杰” 。“新能源的里程数一直在增加，从之前150公里到现在的300公里 ，未来还会逐渐变得更长 。合伙人创业 ，群狼才能将每个人有限的精力投入到各个关键的部门 。
这意味着 ，如果相关资产不从拉卡拉中剥离 ，将成为IPO获批的一个障碍。此前这几家平台都有补贴 ，对这类内容质量不高 、版权存疑 、不能正常接广告商业化的自媒体来说 ，“骗取平台补助”和“猜测算法规则获取高额流量广告分成”是主要变现途径 。 近日 ，HTC卖手机制造工厂 ，并将所得6.3亿投入到VR领域的新闻，引发行业内外的广泛关注 。
<p>...</p>Make a paragraph stand out by adding .lead.
2014年 ，公司获得原老虎基金中国区总裁陈小红的A轮融资;2015年初获得顺为资本的B轮融资。那就意味着 ，举个例子 ，你应该写微博 。
<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.
虽然很多商家都在大量制作VR内容 ，但是他们的内容并不能多平台通用 ，用户又不可能去为了某些内容去购买多套VR设备 。
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>
临汾市 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.
被隐形降权 ，求生不得求死不能 经营初期 ，太多困惑 ，别人都把产品养肥了我才上架 。
很多时候能够碰到好的投资人，也是非常幸福的事情 。
创始人的随后的解释更让我们对不可思议的印度火车叹为观止 。
甚至目前还有一种现象：同样的动画或者影视剧如果存在两个视频 ，那么用户会更倾向于选择弹幕多的那个——弹幕越多 ，视频讨论的热度越高，看起也更加有趣 。
空空狐曾于2015年6月获得由红杉资本领投的2000万人民币A轮风险投资，2015年8月获得由昆仑万维领投的1500万美金B轮风险投资 。
也许一家独立的公司而不是一个模式很有可能做到这一点 ，但是内容付费作为一个模式就不确定了 。
<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.
手机行业的竞争也来到了华为和蓝绿大厂的主场 ，核心硬件和线下渠道的竞争 ，小米的地利也没有了。
<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.
此外 ，他还有一个身份 ：资深国际象棋教练，他的学生里出了不少国际象棋比赛冠军 。” 很多合作关系也在这种同窗情谊中建立起来 ，比如铁血网的内容就放到了风行网的平台上，WiFi万能钥匙也和风行网达成了合作 。
” 2017年3月晚上10 ：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>
新竹县
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>
衡水市 Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.
期间，乐淘开始入驻天猫 、京东、亚马逊等开放平台 ，官网只卖自有品牌。凭借精良的制作与演员出色的演绎 ，不少历史剧在新媒体传播下有望找到更广阔的市场 。
白兔湖(430738.OC)主营内燃机气缸套、活塞 、曲轴及气门座圈等产品 ，于2014年4月30日挂牌 ，2016年2月3日做市 。 实际上 ，对于每年投资上百家公司、同时内部又拥有非常庞大的业务线的BAT来说 ，创业公司与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.
除了“不赚钱”外 ，毕胜隐隐感到项目前景可能有问题 。矛盾最终以骚乱爆发 ，进而影响到经济中心班加罗尔的社会秩序 。
| # | 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.
他们本只想贷款稍微扩大一些规模 ，结果被要求十倍百倍的增长 。根据目前统计的数据来看 ，这三万家投资机构都是一些比较好的潜在买家 。
摘要 ：2002年，刘晓东发现用伏特加 、威士忌 、白兰地等洋酒和果汁调配 、灌装生产 、成本约为3元的预调鸡尾酒是一个比香精更赚钱的行业，于是诞生了RIO ，接踵而来的却是巨大的危机。
<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.
2015年7月份 ，青年菜君开始做宅配 ，宅配实现的方式是在美团 、饿了么等第三方外卖平台上开店，以一个点外卖的方式点一份半成品蔬菜 。 私人影吧圈地运动 在电影市场高速增长的今天 ，传统电影院已经无法满足市场需求了。
二 、产品简介 产品名称 ：王者荣耀 产品类型 ：MOBA类大型多人联机在线竞技手游 支持平台 ：IOS/安卓 产品logo ： 产品slogan：5V5英雄公平对战手游 收费模式 ：售卖点卷 ，换取英雄、皮肤和其他小道具 操作方式：触控和触摸遥感 产品介绍 ：《王者荣耀》是全球首款5V5英雄公平对战手游 ，包含5V5王者峡谷(含迷雾模式) 、5V5深渊大乱斗、以及3V3 、1V1等多样模式 ，同时还有众多英雄可以选择 ，推搭、补兵 、五杀、团战均可体验 。 饿了么无疑是中国最受瞩目也最有价值的初创公司之一 。
<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">
恩施土家族苗族自治州 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.
当创始人还是有点犹豫时 ，王功权就登场了 ，他的主要任务就是“鼓动创始人从经营层面退到董事层面” 。比如和力辰光(836201.OC) ，2014年净利润就已经达到了3718.94万元，到了2015年达到9455.40万元 ，根据最新的2016年中报财务数据 ，和力辰光还在高速增长 。
<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.
临高县
<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.
而运营和推广，只需要借助势的力量 ，顺势而为即可 。你们谁解其中味? 马云 ，中国的首富 ，对你来说钱只是一个数字 ，而对我们这些商家来说 ，钱特么是一切
<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">
博尔塔拉蒙古自治州.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 自贡市.
崇文区 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 黄大仙区 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>
孝感市
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.
他是一个93年生人的潮汕小伙 ，16岁至今已创业4次 。
<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>