这个你是怎么想的呢? 张颖:我想怎么可以更好地服务创业者,这是核心。
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).
短视频行业用户和内容的关系可能从最原始“生产”与“获取”,逐渐演变为颇具“共同进化”属性的强互动——“你推他看”的方式已显得守旧,用户试图参与筛选,甚至通过自己的点击和播放完成度等行为决定其他用户还需不需要看。 俏江南上市失败后,鼎晖投资要求张兰按对赌协议高价回购股份,双方发生激烈矛盾冲突。
当然创业者有时确实比较弱势,我们在慢慢往上走,有一首歌《蜗牛》。 对于短视频创业而言,随着短视频商业模式的探索以及品牌对短视频价值的认知,2017年除了是竞争卡位之年,或许各个制作方在抢占流量的同时,也能看到盈利的曙光。 本批业务剥离开始于2016年10月份,IPO申报稿于2017年2月报送,究竟应该使用哪个时间节点的数据作为测算标准更?被剥离公司截至2016年底完整的财务数据,申报稿中尚未披露,这一时点的对比结果还不得而知。
如果你认为知道了火车的准确到站时间就万事大吉,那你就太掉以轻心了。那么接下来会发生什么呢? 通常来说,会发生下面的三种情况: SaSSy公司的商业计划执行的非常不错,几乎不存在什么没有考虑到的变数。比如福建做鞋,做服装的,一做,身边一个村子,一个城市都来做。
<p>...</p>
Make a paragraph stand out by adding .lead.
”这原本是朱建的个人问题,但他发现他的家庭其实是中产家庭的一个缩影。 实际上去年华为手机业务的利润没有达到预期,任正非就已经吃不消了,最近在公司内部禁止说要灭了苹果、三星,说了要罚200块钱,连OPPO、VIVO都说是自己的朋友,因为“都是靠商品挣钱的”。
<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.
早在2007年,也就是网站成立没多久,niconico就曾邀请铃木宗男、外山恒一、小泽一郎等当时一些极具争议的政客在网站上传个人视频,让他们与那些看起来对政治漠不关心的御宅族们进行交流。
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.
戴威这么形容OFO的初期:当手里还只有一百万元时,他们就火速投入了烧钱的状态——虽然仅仅只是给每个用户送一瓶脉动,但资金压力已然不小,资金的消耗也非常快。
第二个月开始卖1万份,一般是24个小时左右就卖光了。
你可以使用现有的元素来传达这一信息。
申报稿显示:目标公司中,仅北京拉卡拉小额贷款有限责任公司及拉卡拉网络技术有限公司在2016年9月底的资产总额就达到了64.49亿元,占拉卡拉总资产的65.27%,已经超过50%。
后来,《新白发魔女传》的电视剧由凤凰传奇影业和江苏稻草熊影视联合出品,电影《白发魔女传》则由博纳影业主投主控,张之亮担任了电影《白发魔女传》的导演,黄晓明和范冰冰担任主演。
document.writeln('关注创业、电商、站长,扫描A5创业网微信二维码,定期抽大奖。
<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.
比如最近包括真格基金在内的客户要买我们一个(木头管退)系统,36氪就是一个最强的销售渠道,如果要找卖给VC软件渠道,那肯定就是我36氪,没有第二家了。
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所说,硅谷很多顶尖人才都来自移民家庭,他们父母希望他们去有名大公司工作,所以很多时候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>.
从2015年9月到2017年1月,papi酱共发布102篇文章,其中提到Papitube的次数就高达86次。
<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.
”document.writeln('关注创业、电商、站长,扫描A5创业网微信二维码,定期抽大奖。 所以,学而不习,学而不练,学而不实践,就根本不算是学习。
美图市值遭遇质疑另一原因是,香港资本市场“壳王之王”——高振顺在美图董事会。
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.
也许,再多经历几个人渣,我就真的可以变成打不死的小强了呢? 哈哈,这样说起来真是笑中有泪啊! 就算眼泪流干了,还是要笑着活下去啊! 你说不是吗? document.writeln('关注创业、电商、站长,扫描A5创业网微信二维码,定期抽大奖。
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.
在接下来的两年,张兰一直都在疯狂赚钱,虽然张兰曾经打过篮球,体质非常好,但一天要打6份工,如此劳动强度,让她每天晚上回到地下室,只能自己用手把僵硬的腿抬到床上。其二,针对个人来说,有三个关键时间点可以进行转让,首先是新一轮融资时,建议一同进行;其次是增资完成后的半年内进行转让;最后是当流动性需求产生时。
”对于国外记者的误解霍涛一笑而过。 但其实不同岗位的人对这件事情的看法不尽相同,100offer的职业顾问指出:HR在替公司招人时一般比较看重一个人的学历、前公司背景和稳定性,而公司创始人或部门总监可能会觉得创业知识和经验对公司发展有一定帮助,特别对于那些创业公司来说,这种人融入团队也更快。
| # | 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.
当地规划局再向其发了警告函,要求它在3月10日前办妥有关多点租赁(零售与服务业)的经营许可。如果要做一本杂志,每个月要发很多篇文章,要养一个更大的团队,在新媒体创业里面,只要有一个精兵强将的团队就可以了。
一类是具有稀缺感的体验产品,另一类是有时令感的优质商品。
<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.
我们正在面临的创业环境 到底有多么残酷? 1、从大屏到小屏,碎片化流量消失了,APP创业者要么成为细分领域的王者,要么只能死掉 过去我们以为移动互联网时代来了,APP的流量都是自己可以掌控的,错了!手机屏一般只能容纳80~120个APP,再多了就需要用户翻屏很多遍,在移动流量红利结束的时候,用户的习惯会快速的聚焦在大牛APP上,不给力的都删掉,这意味着中小APP的流量会逐渐的消失,简单说,要么你能进细分的TOP3,要么可以早点去死了。现在,我们可以利用微信指数来了解某事、某人基于微信平台到底有多火。
只求扫码博关注,不靠产品赢口碑。 消费升级的趋势下,需求是大量存在的,但重要的是供给方。
<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.
短视频从去年下半年开始火热,到底有没有泡沫不是不能讨论,但是吴晓波的这篇文章,不到1000字,全文共有3处主要论据,全部有明显的错误。 毕胜说,这次聊天对决定创业影响很大,“世界那么大,个人那点小纠结算什么,你就干吧,就算不成又能怎么地啊。
<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.
当然,咱们也不用妄自菲薄,因为来自世界各国的经验数据都显示,这个悖论具有顽强的适用性和强大的解释力,不仅中国这样,许多国家都一样。 最让我意外的是,这篇文章还是根据吴晓波在喜马拉雅上的一个付费订阅栏目上的内容整理出来的,也就是说,这些观念是拿来卖钱的“付费知识”。
<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>