除此之外，2016年IP网剧的口碑之作多集中在一些相对小众的题材，例如《余罪》《法医秦明》，而《如果蜗牛有爱情》《最好的我们》《画江湖之不良人》则分别打动了不同的群体。
除此之外，2016年IP网剧的口碑之作多集中在一些相对小众的题材，例如《余罪》《法医秦明》，而《如果蜗牛有爱情》《最好的我们》《画江湖之不良人》则分别打动了不同的群体。
其大数据价值主要体现在三个方面：1.在内容制作环节，找到符合市场品味的IP;2.在影片宣发环节，有效触达用户;3.在放映环节，指导影片场次安排，反映热销指数。
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).
虽然《王者荣耀》也是为了赚用户的钱，但是它给了用户选择的空间，给了用户足够的时间来对用户自己的付费节奏进行把控，不逼用户付费，只是通过游戏本身的内容来索取用户的游戏时间，毕竟用户在你的游戏中花费时间越多，就越可能在游戏内产生消费行为。去年11月，嗨球科技与贵旅集团达成合作，要打造“四季贵州·户外天堂”旅游项目。
于是，“子弹”开始飞满了屏幕——弹幕来了。产品质量水平高，就会使消费者乐于选择这种商品。但这显然不是本次股价闪崩的原因，因为公司前十大股东并没有卖出一股。
http://n.sinaimg.cn/front/350/w690h460/20180407/qX5K-fyvtmxc5191511.jpg 4、有可能重新回到一个比较小众的定位。 产品定位：基于微信、QQ社交关系链基础上的MOBA类手游 产品特色： 5V5经典地图，三路推塔，呈现最原汁原味的对战体验; 随时开团，10分钟爽一把; 公平竞技，不做养成，不设体力，靠技术决定胜负; 掌上经济，随时开黑，亿万玩家同时匹配。
<p>...</p>
Make a paragraph stand out by adding .lead.
8年前我还在打工，曾经面试过一个复旦毕业的美女，毕业后创业三年，一直小打小闹的搞儿童培训，结果一败涂地，她是学市场营销的，但是对基本的实战营销一点都不懂，当时我很纠结，她找了两个月的工作了，就是因为职业技能不足，还有三年的创业经历，让招聘单位都不敢录用她，她非常希望得到这个工作，最后我提交了录用申请，可惜被老板否决了，我也爱莫能助了。 在秒拍公布的2月原创作者榜单中，魔力TV共有多个头部内容进入20强，分别是“魔力TV”、“魔力美食”、“造物集”、“小情书”、“尖叫耐撕男女”。
<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.
今天的文章，我们来聊聊细节，从视觉反馈、文案和留白三个角度，聊聊这些同样能够影响整体体验还很容易被忽略的元素。
UI元素和微文案两者的重要性是同等的。
因为知乎之前的生产者已经开始往PGC靠拢了。
我们的网站不像电视传媒那样可以‘多项’收看，观众们是有选择性地积极地点击收看，从这一点来讲，我们的视频网站已经和电视传媒不相上下了。
而对处于BAT核心业务以外的创业公司，或许并不需要担忧在巨头间如何平衡的问题。
也幸亏在这两年VR爆发之际，HTC做出了口碑还算不错的Vive，不然的话连转型都会很难。
<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.
后来才发现，其实游戏里隐藏有商业价值。今年3月，乐播足球获得500万元天使轮融资。
相比较而言，美丽说虽然有微信入口和百度阿拉丁计划，但是交易量和实际转化率却并不高。
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.
网站3月收入为14.28亿日元，支出为13.99亿日元，第一次实现了单月盈利。
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.
这些“复活”的“僵尸股”，最主要特征就是：高成长。 4、低效的基础设施 印度神秘莫测的火车： 在班加罗尔问起当地人市区里的某个地方离这里有多远，对方往往不会回答你距离多少公里，而是会告诉你打车去那里需要多长时间。
我还在现实中见过更糟的，一家初创公司在还没拿得出来实际产品的时候，以2000万欧元的估值，通过种子轮融资300万欧，接着再A轮融资，他以50万收入作为估值基础，寻求5000万欧元的融资。最近的很多报道都指出了公关公司和部分企业PR，可能是受百度取消新闻源影响最大的一个群体，这和他们的考核方式直接相关。
| # | 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.
另一方面消费者的购买需求也在不断发生变化，消费者购买行为的关键性因素也会发生不规则的变动，导致消费者发生感情转移，购买冲动发生转向。对于广大站长(部分资质够进VIP俱乐部的自媒体也算)来说，这几乎是一个被设定好的必选题——要么交钱跟着我玩，要么出局。
| # | 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.
例如当用户在提交邮箱订阅信息的时候，“获取用户信息/推送相关广告”对于营销人员而言是很自然的需求，但是对于用户而言，就需要考量了。2016年中国银幕数更是达到41000块，超过美国成为全球第一，观影人数也首次超越北美地区达到13.8亿人次。
<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.
相比2016年第83位、2015年第84位、2013年第93位(2014年的数据不是很准确，坤鹏论查了一下发现也有说是93位的)、2012年第112位，咱们一直在上升，但依然还是没有脱离中游水平。资金投资效率是什么概念呢?就是投资人投资的金额与创业者的规划使用资金的估值比重，所以投资资金效率低，是投资人不愿意看到的现象。
那么共享单车这个新兴市场如何开始发展的?未来又将何去何从呢? 一、共享单车创业 在共享单车行业中，摩拜单车和OFO可以说是其中的代表之一。
<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.
但是具体来说，你会做那种选择? 事实上，虽然直觉上我们做了选择，在创业路上，30%的几率挣到300万的策略却总是让步于0.3%挣到3亿。 之后，科视视光会向家长和“视力异常”的孩子销售美国“欧几里得”角膜塑形镜，虽然只有一种型号其却被分成四种型号进行销售，价格从5800元到13800元不等。
<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.
坤鹏论总结下来，其实你只要掌握以下三个原则就够了： 第一是自知自省，经常反思自己的得与失，成功与失败，想一想，如果再给你一次机会，你会怎么做。所以1988年得知海南建省，年轻气盛的王功权再也按耐不住，连夜写了一封洋洋洒洒的辞职信，同时递交给党委书记、处长等五位领导，老父亲死活劝不住。
<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.
而马先生内部团队，那么多商家向小二行贿，他们便可以参加大型的官方活动，做聚划算、淘抢购等，而我们只能报免费试用、免费试用、免费试用。 5、客户流量、获取利润途径单一 我曾经遇到过这样的公司，看数据结果流量确实大，财务流确实很优质、数据很客观。
<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">
糖心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免费版在线观看免费.
糖心VLGO官网 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.
QQ群的公告栏里，写着这么几行大字： 过去两天，这些用户尝试了拨打12315、找工商部门投诉、报警等多种方式，但没有起到任何效果。没有正确的反馈，就没有正确的互动。
<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.
此次顺利进入资本市场，对绝味而言，意味着未来将会获得更强力的融资渠道，为增强持续竞争力提供保障。
<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>