如今微信指数也出来子，也自是闲不住的在微信群里与众好友一起研究了一下微信指数的算法，群里有位大神得出的微信指数算法是： 采用数据：总阅读数R、总点赞数Z、发布文章数N、该帐号当前最高阅读数Rmax、该帐户最高点赞数Zmax。
如今微信指数也出来子，也自是闲不住的在微信群里与众好友一起研究了一下微信指数的算法，群里有位大神得出的微信指数算法是： 采用数据：总阅读数R、总点赞数Z、发布文章数N、该帐号当前最高阅读数Rmax、该帐户最高点赞数Zmax。
也正因为城市水资源的丰富，瓶装水的浪费常常被人们所忽略，而这些被浪费的饮用水，汇集起来相当于800000个缺水地区一年的儿童饮用水。
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).
一般情况下都是他的合伙人刘小枫帮忙拒绝掉。第三阶段是利用内容手段为客户的产品和品牌打造记忆点。
所以这句话我完全认同旭豪对创业者来说，不要轻易地去否定你们的竞争对手，一提到就有很多的创始人，包括经纬系很多创始人心胸都不够大，一讲到竞争对手，这个竞争对手绝对不行，我根本看不上他们——这是完全错误的，要的是旭豪这种心态——互相学习、贴近、成长。这是需要反思的，老老实实把东西做好这是最重要的。 我们发现，比起独自工作，人们在团队中工作时所做的预测明显更准确。
张颖：一分耕耘，一分收获。与赛事集锦不同，董路认为，自己所做的解读是在事实基础上通过编辑、整合以及个人的创意，形成的升级产品，“而不是简单做一个回放，互联网上几千个地方能看回放。更多的是那些犹豫不决想继续支撑下去的人，在公司倒闭后回想起曾经一闪而过的机会时，难免留下一丝悔意，比如曾经有机会卖掉公司而选择了继续坚持下去的李进。
<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.
那么我们回顾过去，阻止最普通的用户进入《英雄联盟》的原因到底是什么?我们可以大概想到几点，那就是《英雄联盟》角色操作的自由化带来的操作的复杂化，地图视野的黑暗带来的运营复杂化以及装备系统和商店的多样性带来的选择恐惧症。
但是了解到App的实际运营数据后，我们却发现它的启动频次异常之高。
废钞开始的两个月内，Paytm的网站流量飙升了7倍，App下载数激增3倍，每天新增用户50多万，同时带动了注册商家每天增长1万户。
虽然你说有些小二你都抓了，可你真的抓得完吗? 大家都知道你的规则是卖得好的商家可以天天参加官方的活动，如此你们更快速的捞钱，卖得不好永远都上不了，比如我们，你绝对不会怜悯的看我们一眼。
“习惯了，早年面对大客户，有时也这样。
我们早期构建的合作伙伴，几年过去，直到现在还在。
<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.
3.那些期望从工作中寻求到幸福感的人，往往会变得情感上无法满足。
<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.
首先是电子商务比传统企业多了物流成本，传统企业店面销售，而电子商务需要上门配送，物流费用占到了10%的费用; 其次是仓储成本，占10%费用。 只要与影视有关，吴奇隆多多少少都会涉足。
但是这个出发点就已经出现问题。
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.
我知道不少人欣赏这类公司，但为什么不推荐你去这样的公司呢? 因为这类公司有可能被一份文件打败，也有很大可能性兼并或重组，而在这个过程中，公司创始人和VP们始终是有机会解套的，比如优步中国归了滴滴，柳甄马上去今日头条开工了，赶集与58合并，杨浩涌转首就做了瓜子二手车，土豆的王微也转行做了追光动画，但普通员工甚至中层不会有这份好运。
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.
现在日本流行什么动画，看一看niconico就好 作为一个二次元文化的聚集地，niconico无疑对日本的二次元产业尤其是动画有着重要影响：凭借niconico这个平台而非传统电视，一些动画获得广泛关注并在网络上迅速走红。 马先生就是一个大坑 而马先生的天猫就是一个大坑，能吸引这么多商家就是因为他的用户多啊!快死的人想出去，活着的人想进来。
人们纷纷表示要为曾经的信仰充值，为诺基亚多年如一的品控和情怀买单，然而人们后来发现这似乎是一部富士康全权掌控的贴牌产品，不少掏出来的钱包又默默地缩了回去。 也许这半瓶水对我们很多人来说并不值得一提，毕竟2元/瓶确实不贵。
| # | 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.
document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖 4、有可能重新回到一个比较小众的定位。
我的产品和国内某一线男装品牌用同样的面料，同样的品质，同步上线。
<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.
niconico超会议的活动主旨是“在地面上再现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.
对此，他举了个自己的例子：毕业后在第一家公司工作时，由于技术达到一定水平，日常的工作任务对自己来说已无挑战，他便利用业余时间，花两个晚上帮公司某个和自己并不相关的部门，开发出了一款提高日常工作效率的测试软件。电子商务的叫做销售仓，拿来等着卖货，不是走过场; 第三是退换货物流和“货损成本”，这部分占到3%; 第四是电话呼叫中心，每个订单的电话成本是1%; 第五是机房、服务器的成本占到了5%; 第六是人员费用成本占到了10%; 第七是购买流量成本(花钱购买广告，吸引点击等)最少占到10%; 第八是包装成本，最少1%; 第九是货到付款方式的手续费2%，也就是代收货款的物流公司，需要收取一定的费用。
<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.
被隐形降权，求生不得求死不能 经营初期，太多困惑，别人都把产品养肥了我才上架。 一类是正在亏损做市场，这类公司往往有庞大的现金流，但假如有一天失去了对市场的垄断控制力，风险其实很高，因为它生存下去的前提是可以不断拿到低成本投资，这类型的公司很多，比如滴滴、新美大等等。
<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.
另一方面，透过总统大选我们可以看到，集体决策是最为复杂的一类决策。正如潜力股创始人李刚强所说：“一年前，很多人对于老股转让这个概念还很陌生，但是到了今天，大量的投资机构已经意识到了股权转让对于基金流动性的重要性，甚至有专业的投资管理公司，成立了专门的基金来接老股。
<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免费入口进入.
糖心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.
在节目策划阶段我曾问Joe：你最与众不同的特质是什么?他的原话里，除了提到很强的战略思维能力、总是让他能够获胜的竞争力和成就他人之外，还有一点，自信。 营销的确能让更多人知道你的产品，但是能够留住顾客，就只有实实在在的产品质量。
<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.
对比一下2010年成立，2014年上市的猎豹移动，2008年成立，2012年上市的唯品会。
<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>