他是一个93年生人的潮汕小伙，16岁至今已创业4次。
他是一个93年生人的潮汕小伙，16岁至今已创业4次。
半个小时后，邵亦波就带着40万美元的种子基金微笑着离开，也由此拉开了我国电子商务的新时代。
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).
” 彼得创办的Paypal，现在是一家全球知名的在线支付系统，不过Joe加盟那年，Paypal频频遭受黑客攻击，还无法盈利。 2、定位错误，没有及时转型 刚开始时，俏江南的定位还是比较准的，虽然走的是高档餐饮，但还是以大众消费为核心，很快就成为了家喻户晓的知名企业。
当然你可能会说，10%的项目能赚钱，还有这么多去创业，难道不是泡沫。我希望周围的同事也能够平衡自己的工作、兴趣和生活，有趣的享受每一天。微信自媒体、微信电商的火爆，也成为站长关注的热点。
如果你的梦想需要5年才能实现，就不要妄图两年内就可以实现。从购物到造物，品牌的立体度得以迅速提升，并形成了淘宝造物节这样一个非常有价值的IP。内容生产者不是知名专家，不是细分领域的KOL，生产的内容又没有权威性，用户没有买单的理由。
<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.
毕胜说，以前卖一双鞋平均亏损达到78块，转到自有品牌后，一双鞋有了5块利润。
比如成为市场上的第一名，或者「垄断」整个市场。
但单调的生活很快就结束了，1987年张兰和丈夫离婚，独自带着6岁大的儿子过日子，但一个女人带着孩子，工资也不高，生活的艰辛可想而知。
你可以在网络环境中将他们找出来。
“后来我发现，创业本质上是和一伙志同道合的人做成一件事，所以合适的人非常重要。
这种方式确实可以在短时间内营造出一种“创业有成”的假象，但如果创业项目没有优质产品为保障，最后难逃被“取关”的命运。
<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.
新片场2016年年报显示，其营业收入较去年同期增长877.92%，除了新片场影业在视频网站的内容点播分成收入提升外，短视频项目广告植入及品牌定制短视频数量增加被着重提及
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月15日消息今天微软推送了最新的Win10一周年更新正式版累积更新14393.953，不过在升级系统重启后我们在更新状态页面可以看到，微软已经向正式版用户预告Win10创意者更新正式版即将发布。
这个你是怎么想的呢? 张颖：我想怎么可以更好地服务创业者，这是核心。
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.
人们纷纷表示要为曾经的信仰充值，为诺基亚多年如一的品控和情怀买单，然而人们后来发现这似乎是一部富士康全权掌控的贴牌产品，不少掏出来的钱包又默默地缩了回去。 但短视频的火热带来了新选择。
世界平面设计日 1963年4月27日 宜：展现优秀设计，举办庆典活动。 实际上，这源于它的竞争法则，采取内容矩阵的发展模式，魔力TV隐身在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.
当时，海口云集了10多万来自全国各地的“神仙”，到处人声鼎沸，即便到后半夜，马路牙子上还是黑压压的人群。杨宁想起自己第一次创业亏了30万的经历，劝他三思，“万一不成功会使自己的家庭和生活受到重挫。
| # | 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.
他就是周大福和新世界百货继承人、K11艺术购物中心创始人、香港郑氏家族第三代继承人——郑志刚 去年，香港四大豪门中，郑氏家族风波不断，先是传奇富豪、新世界集团创办人“彤叔”郑裕彤因病离世，紧接着长子郑家纯中风住院，而价值1400亿港元的超级帝国正等待接任者。 渠道向上，终端向下 票务数据的春天到了吗? 2013年，周星驰导演的《西游降魔篇》上映，华谊兄弟为《西游降魔篇》做宣发,模式很传统:提前看片、商务推广、包场活动等。
<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.
这样就有很多人为了保证能坐上车，在多个车次的waitinglist上排队。 产品运营分析总结： 下图为《王者荣耀》自发行以来的百度指数走势图，从中我们可以明显的看到《王者荣耀》的人气是在持续走高的，而在走高的过程中，却还是有着ABCDEFGH这几个相对的高点，如果你去深入研究的话，就会发现这几个高点对应的分别是：A，游戏公测;B，2016年春节;C,清明节+王者荣耀TGA大奖赛;D，五一放假+新版本+王者荣耀王者城市赛;E,端午节;E和F之间，暑假;F,中秋节;G，国庆;H，2017年春节。
文章的标题可以有两种：直观型标题和内涵型标题。
<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.
他们的特征为： 他们是MOBA类游戏的重度玩家，有着多年的MOBA端游经验; 已经被培养起了对于MOBA类游戏的喜好和印象，甚至有明确的英雄、位置等的喜好; 他们对于手机端游戏的需求是简单而又明确的，简单来说，就是一个字——“像”，无论是界面风格，英雄技能，操作习惯、地图、野怪还是分路，他们已经喜欢上了一套固定的模式，你只需要游戏品质过关，并且在手机端把这些模式尽可能的给予他们，他们就会来买你的帐了; 在他们不能够玩《英雄联盟》的碎片化时间里，希望《王者荣耀》能够暂时替代。 但是没想到啊，这一笔大钱没有拿到，一年后想价格战打华为力不从心，同时OPPO、VIVO的重线下模式又崛起。
niconico有两个生日，这可能恰恰是这家视频网站的魅力之一。 坤鹏论总结下来，其实你只要掌握以下三个原则就够了： 第一是自知自省，经常反思自己的得与失，成功与失败，想一想，如果再给你一次机会，你会怎么做。
<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.
03 中国成功的互联网创业者，大体上有两种，一种是草莽型，善断，判断大势，笼络人心，一种是学霸型，善谋，计算布局，带队攻坚。这些创业大神们通常都有化腐朽为神奇的力量，通过互联网思维这样的东西，将一个个看起来差点被历史车轮丢掉的产业重新拉回了社会舆论的中心。
<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.
郑志刚对各种细节的把握，目的就是让更多的顾客，在各种丰富的愉悦体验中，喜欢留在K11的环境之内，毕竟只要留下，就有消费的可能。 即便是原创榜首位的二更，也是一家MCN机构，创始人丁丰在2016年年中透露，二更本部的产量只占总量20%，有50%是各地分公司制作的，有30%来源于合作方。
<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>
按照这个趋势，2年后的VR市场规模不会超过200亿美元。
<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.
所以，2006年鼎晖第一轮就投了500万美元。他在安徽和江苏的交界处和县建了600套度假别墅，并现场请来了汤唯助阵，结果合肥的、南京的有钱人蜂拥而至，现场足足有3000人，分分钟打破南京度假别墅的销售记录。
<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>
糖心VLGO官网
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>