到北京来,包括很多人说北京不好玩,玩的东西和服务业不发达很无聊,上海各式各样的东西都有,导致人比较安逸。
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).
在无限感慨之际,不禁在想,如何抓住移动互联网盛行阶段的红利期?如何做好移动端的推广工作?而这一切,今天就让我们从微信指数开始说起。 张旭豪怎么做复盘? 张旭豪:我不断在想,我不觉得我过去做的哪些决定是特别正确,也不觉得哪些决定是特别错误。
当时比较知名的是绿狗租车和EVcard两家公司,它们的商业模式与友友用车差距很大:汽车租用频率一般一天仅为一次;用户租车流程较为复杂,拍身份证、交押金、办卡等,手续和传统租车公司很类似,耗时长,体验很差。 蘑菇街CEO陈琪在之后接受媒体采访时也曾指出,微信更多是聊天的场景但没有购物的场景,因此其对于电商平台的业务增长帮助有限。当然,创始人们非常骄傲于自己所做出来的成绩,在300万A轮融资的时候,他们吸引来不少风投公司的目光。
讯腾智科(835097.OC)就是一个典型,公司拥有还不错的业绩,2015营业收入为5747万元,同比增长33.50%;净利润1082万元的,同比增长112%。而俏江南的经营受到金融危机影响,急需资金支持。 根据钛媒体TMTbase全球数据库显示,1398家彻底关闭的创业公司中,电子商务、本地生活、社交、企业服务、文化娱乐为重灾区,关闭数量分别为218家、141家、134家、128家、123家。
<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.
消费者在购买时如何辨别LED灯有没频闪呢?3·15晚会教了大家一招:打开手机的照相功能,让镜头对准灯泡,注意屏幕上的闪烁,频闪严不严重就一目了然了。
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.
当然作为商业平台,赚钱是无可厚非的,但是已经到赚钱无下限了。
消息称德邦物流上市在即正遴选快递员参加IPO敲钟 报道称,在内部邮件中,发件人称挑选5位快递员作为公司上市时的备选敲钟代表是为了更好地对上市进行宣传。
3、小米手机的饥饿营销 2012年8月23日上午10点,小米手机1S首轮开放购买正式开始,官方给出的公告显示,20万台小米1S已经在29分36秒内被全部抢完,截止2012年10月10号,小米总销量超过500万台。
主营业务收入90%以上来源于加盟模式的产品销售。
虽然杨宁有三段创业经历,但除了第一次创业自己投入了50%的精力在管理和杂事上,其余两次创业自己都会投入70%以上的精力在技术上,加上不分昼夜的996和加班,他认为自己的技术实力不但没有落后反而得到了很大的提升。
但事实上品牌时刻保持这种创新和酷的感觉也非常重要,与产品一样,这也是“品牌整体体验”的一部分,是用户“认知”品牌的重要组成。
<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个版本,随着“制胜宝典”上线,DAU访问占比获得了近500倍提升; 在社区内容构建方面,团队根据MOBA用户行为和习惯搭建双端视频中心,实现高效的统一分发与管理,为手Q、微信双平台游戏中心、游戏微社区等平台提供1850余篇图文、视频内容,同时搭建英雄资料库并提供定制化专题支持; 微信&手Q双平台给予了大数据测试方面的鼎力支持。
你们团队最早建立了非常庞大的投后团队。
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.
在(无桩)共享单车市场上,永安行与摩拜、ofo的确存在着巨大的差距。 读懂君看到,有的公司成“僵尸”是因为没有交易,有的公司成“僵尸”则是因为没有流通股。
”胡玮炜明确表态,暂时没有打算进入美国市场。曾经蓝港跟吴奇隆之间的合作更多是鉴于蜀山战纪手游的项目,但2017年蓝港主推的游戏已经变成了《黎明之光》。
| # | 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.
最近,我们惊讶地发现,过去两年里,曾经有980名创业公司的创始人在100offer上寻找过新的工作机会,而“太累了”、“心寒了”、“年纪大了”这些词是从结束创业后的他们口中听到最多的话。 群雄并起 受RIO成功的刺激,一众白酒、啤酒、食品企业高调进入预调鸡尾酒行业,其中最疯狂的是黑牛食品。
| # | 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.
这使杨宁充分意识到:一家创业公司想要成功,合理的股权利益分配、合适的投资人与创业合伙人缺一不可。” 最后这家公司虽然还是发出了offer,杨宁却因为薪资没满足预期选择了放弃。
<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.
研究显示,所谓的“工作满意度”与生产力间有时是相互矛盾的,而工作满意度时常会被错误地认为就是幸福感。正如潜力股创始人李刚强所说:“一年前,很多人对于老股转让这个概念还很陌生,但是到了今天,大量的投资机构已经意识到了股权转让对于基金流动性的重要性,甚至有专业的投资管理公司,成立了专门的基金来接老股。
很多朋友在优化关键词的时候会优先去操作一些高指数的关键词,反而真正有价值、有转化、有很大搜索量的词给忽略
<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.
中国台湾歌手阿桑病逝 2009年4月6日 宜:缅怀歌手阿桑,借助粉丝效应做纪念活动,提高品牌知名度。 于是创业者的任务逐渐被定义为了“改变”,要么改变世界,要么颠覆传统。
但其中中隐藏了一大批高成长的优质企业,一旦“复活”,体内的洪荒之力很惊人。 用户与生产者的强互动性关系对内容本身的影响:一方面,用户开始主动参与UGC内容生产,通过专业平台加工转变为PGC内容;另一方面,用户也在参与短视频内容的制作与筛选。
<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">
糖心VLGO官网 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>
3月21日,摩拜单车宣布,正式在新加坡投入运营,开始海外战略。
<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.
弟弟的离世让张兰受到了巨大的打击,她甚至有过轻生的念头,但她还是熬了过来,而且还做出了一个让人惊讶的决定:卖掉所经营的三家大排档式酒楼,拿着创业10年攒下的6000万元,进军中高端餐饮业。但是如果小米那一轮的融资额按照正常的10%到20%比例稀释,孙正义给的钱应该在30亿到80亿美元之间。
<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>