2015年5月，鼎晖创投的张磊与同事晏小平双双离职，创立了晨晖资本。
2015年5月，鼎晖创投的张磊与同事晏小平双双离职，创立了晨晖资本。
换句话说，当一种小众产品被推向大众市场，原来的小众消费者会感到不爽，而大众消费者又很难接受，结果陷入尴尬境地。
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).
人们都是利己的——仅仅为自己考虑，尤其是那些在创业过程中仅仅投入财务支持的。 “从思维方式上来看，(创业)跟下国际象棋是很像的，你要有创造性的，能够构建一个很好的战略。
然而校园背景的ofo则倾向于平台路线，在ofo的创业起步中，早期延续的正是学生捐赠自行车的共享模式，后来为了大规模进入市场才集中采购了易识别的“小黄车”。 他会通过微信、视频各种方式开会，有时也会把会议拉到片场开。结果大众化没实现，“高端”的牌子却被砸了。
1、在微信搜索框中输入微信指数，然后选择搜一搜微信指数(如图) 2、点击出现的微信指数图标后，会弹了相关界面(如图) 3、根据你的需求搜索某个键词，就会得出相关指数情况(如图) 如图所示，微信指数可以反应出某个关键词7日、30日、90日的流行度的数值，通过指数曲线的情况，我们大致可以判断出某个‘搜索词’的流行趋势。 竞争对手关键词分析 ①、分析URL连接，是否是用主域名还是内页在做? ②、关键词分布位置，是分词得到的结果还是完全匹配? ③、看关键词在标题的位置，是否在首位并重复出现，网站是否在围绕着个词在做? ④、看竞争对手首页外连，网站收录情况例如link:www.baolaiyuan.com/，www.20ll.com/，domain:www.dtsyd.com/ ⑤、看网站规模，包括网站的域名年龄，收录量，更新机制及百度快照时间。 这100家企业主要集中在制造业和信息技术业，分别有52家企业和10家企业。
<p>...</p>
Make a paragraph stand out by adding .lead.
而杂乱的UI界面最常见的原因，就是缺少层次结构。 如今负债累累，这些钱和人情债压得我喘不过气来，我并不想说因为我是一个女人，所以我就有资格叫苦，路是自己选的，再辛苦也要撑下去，我的债务、我的团队，像爬在陡峭的山峰时的拐杖一样支撑着我的身体和信念。
<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.
从拿到投资的第一天开始，几个人，几十个人，几百个几千个几万个人，996，711，披星戴月，为成为这个传说中的生物而努力工作。
但最终，友友用车还是倒在了融资环节上。
水货餐馆，不提供餐具，请手抓吃海鲜。
对他们来说，失去一份工作不仅仅只是失去了一份收入，他们失去的是幸福的保证。
这里着重提一下，如果作为三板的挂牌企业，相对来说公开的信息比较多，这个对于本身投资决策还是有很大的帮助的。
这些表单可以提供很多信息，比如meta描述的长度，页面标题和每个页面上的字数。
<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.
在电视剧市场方面，2016年也基本与2015年882亿元的市场规模持平。2007年6月，niconico的效仿者Acfun成立;2009年6月，Bilibili也正式成立。
随后，在现有合伙人黄炎和王霖的基础上，鼎晖投资将组建了创新与成长基金(如下图，资料来自其官网)。
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.
2016.6.28 新增师徒系统，恋人、死党系统、勇者积分系统。
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.
离雷军最近的是他在金山的老部下，这是久经考验的班底，以黎万强为首。 HTC现在面临的首要问题正是企业的生死存亡，所以首先应该考虑的是如何生存的问题。
读懂君选取了2014年净利润在1000万元及以上，并且2015年净利润增幅排前100的企业。大家应该焦虑的是，自己基于现在的内容可以变成什么样的公司，那个公司可能是基于你有了这个起点才可以做的，但是做完之后可能跟你现在做的内容不完全是一件事情。
| # | 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.
而一些情感家庭类网综的所谓精华剪辑版本，在一些短视频平台上的播放量非常可观。(本文首发钛媒体)document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。
<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.
鼎盛时客单价达5万元，公司员工达900人。作为全媒体多终端的第一财经，集团副总编辑张志清认为，要做更深耕细作的转型，核心还在于要建立起产品思维和用户思维。
虚拟歌手、宅舞、MAD，各种新事物在这里诞生 “初音未来作为由用户培养起来的第一个角色，在一百年后也不会被人遗忘。
<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.
这些创业大神们通常都有化腐朽为神奇的力量，通过互联网思维这样的东西，将一个个看起来差点被历史车轮丢掉的产业重新拉回了社会舆论的中心。 阴超：首先我觉得创新是必然的，但是你打造一个从来没有的东西我觉得不可能，从古至今，从中国到外国，所有的人设形象都已经都已经被拍摄或者写成小说，在创新上我们做得更多的是排列组合，我们可以借鉴很多原有的人物设定，做一些新的阐释。
李宇坦诚地说，在转型的头三个月，他们并未考虑过关于如何盈亏平衡的问题。 这100家企业主要集中在制造业和信息技术业，分别有52家企业和10家企业。
<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.
即便举办到了第五届、活动也一直在持续亏损，但这已经成为了niconico保持存在感的一种重要方式。 近日，一段曝光俏江南长沙店后厨内幕的视频在网络上疯传，看完真的让人三天都吃不下饭! 后厨手抓偷吃已经做好的菜： 食客吃过的辣椒回收再炒菜： 臭鱼冒充活桂鱼： 最让人恶心的是，居然用炒菜锅来洗拖把! 比这个视频更狗血的是，俏江南创始人张兰的独子汪小菲突然发文，透露俏江南被CVC收购内幕，还说母亲张兰曾经被CVC方强行软禁! 一时之间、俏江南、张兰、CVC，各种八卦再次刷屏，不少人都想起了俏江南的创始人张兰，假如她现在还在俏江南，会发生这种事情吗? 单亲妈妈、靠扛猪肉赚2万美元、放弃绿卡回国创业、10年赚取6000万后重头再来创办俏江南、上市无果后黯然离场......这些都是张兰身上的标签。
<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.
” 魔力TV旗下IP 2017年短视频领域将是MCN间的角力? 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.
糖心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.
“但是当我提起期望薪资时，CTO犹豫了一下，说这个薪资可以给，但是需要CTO本人以人格向CEO作担保，才能开出这个薪资请他来。 “911事件以后，我们意识到美国政府办事效率很低。
<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>
糖心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.
《2016中国大文娱产业升级报告》指出，中国2015年人均GDP突破8000美元，物质消费的主导位置将逐渐被精神消费所取代，文化娱乐类应用的渗透率进一步提升，仅网络视频领域即可覆盖超7成网民，在PC端人们每月花54%的上网时间在文化娱乐上。
<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>