霍涛原来是蓝汛高级副总裁,代翔在蓝汛时负责IDC和云计算业务。
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).
显然,对标中国,一个全民娱乐时代已经来临。 (2)英雄背景的选择思路 《英雄联盟》起源于欧美,它的风格深受欧美游戏风格影响,所以它虚构了一个史诗般的完整的背景故事,所有英雄都是这个故事的延伸,但随后它的用户遍布了整个星球,他们有着不同的价值观和思维方式,却通过这样一款游戏被连接到了一起,所以《英雄联盟》的整个故事和英雄的设定必然要考虑全球的文化水平,为几乎每个地区创作几个代表那个地区文化的英雄,但最终《英雄联盟》还是把所有的这些角色都纳进了它一开始创造的那个背景故事当中。
它充分的利用起了微信和QQ这两大社交平台,当一个新玩家进入的时候,甚至在开始第一盘游戏之前,它的游戏好友就已经有了几百个,它就能看见现实生活中的朋友谁在玩《王者荣耀》,这样的社交影响力对于一个新手来说几乎是具有统治力的,如果这个游戏本身又并不是很难上手,那么这个新手的留存率相比其他游戏,就会变得很高了。 早期支撑niconico内容的主力是用户们投稿的二次创作视频和音乐视频,而用户的弹幕内容也相对直接,大多都表达对角色或音乐的喜恶之情,并没有像现在那样的“脑洞大开”。而是看网页结构本身的关键词频次分布。
很多时候,我真的很难过,真的很无能为力,但我还是要摆出一副若无其事的样子,甚至要反过来去安慰我的员工,告诉他们被骗了没关系,被欺负了没关系,我们还可以从头再来。 派代网网友精选评论 @千与商寻:不知道,说你傻还笨,第一,挣不了钱你在这你怪人家老马?这只是一个平台,肯定有人欢喜有人忧的,入驻天猫一定是稳赚的?拉不出屎你为啥不去赖地板太硬? 第二,你觉得自己真的会运营,会管理?价格区间你有定好了?产品定位你有做到了?人才招聘都找了那些大神?等等这些,你扪心自问,那些做到位了。由于材料、工艺、配件、技术等成本都很高,加上出货量并不高,导致成本过高,售价也就偏高,普及速度大大降低。
<p>...</p>
Make a paragraph stand out by adding .lead.
同期,2014年,原鼎晖创投高级合伙人,投资委员会成员王晖离职鼎晖投资,成立了弘晖资本。每次开董事会就成了一场辩论赛,一个比一个能说“冯仑谈宏观,潘石屹讲数字,易总大讲特讲佛与道”,王功权根本无法拍板。
<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.
目前,除了上述几个大号,魔力TV短视频内容矩阵中已经拥有魔力时尚、魔力旅行、董新尧、微小微在内超过100个内容品牌,在新浪微博、秒拍、美拍、今日头条等平台拥有超过2亿粉丝,全网视频播放量则已经突破了80亿。
此外缴押金充值快但退还周期长也是一大诟病。
永安行自行车方面希望,在未来3-5年内,在目前210个左右市县的基础上,努力将布局市县增长到350个左右,布局公共自行车(含无桩共享单车)200万辆左右,用户从目前的2000万人增长到5000万人。
人往往在生重病时会不由得感叹,有什么别有病,我宁可失去一切,我只要健康! 不过,健康也和收入、学历等相关,有老话说,财多身体弱,随着月收入的升高,健康指数先上升后下降。
狼从来都不是独立作战的,群体出击,才能在创业的万军丛中趟出一条路。
根据此前消息,Win10创意者更新RTM将在3月签署,预计3月底或4月初推送正式版。
<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.
2016.11.23 排位沟通系统更新、聊天系统更新。
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>.
在魔力TV,广告依然是变现大头,但难度更大的电商也是魔力TV探索的方向,《造物集》就是这方面的一个尝试,在秒拍的原创排行榜里,它位列14,原是天津一对年轻夫妻在新片场社区上传的业余短片作品,妻子做手工,丈夫负责制作,结果颇受欢迎,新片场于是提供每集的制作经费,并协助完成内容分发及粉丝运营等业务,两季之后,小夫妻离职成立公司,新片场参股。
<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.
如何让另一半水更有用? 如果能将一瓶矿水泉一分为二,一半留给消费者,一半由消费者赠与缺水地区,那简直棒呆!可是,如若以同样的价格,却只售出一半容量的矿泉水,消费者愿意买单吗? LifeWater公司决定,必须为节省水资源做点什么,于是有了半瓶水概念。 为什么三四五线城市是票仓 让人意外的是,“三四五六七八线”城市电影消费市场份额激增,票房逐年走高,成为最具潜力的票仓。
6.2产品成熟阶段——2016年5月至今 在产品到达了成熟阶段,已经积累了相当的用户之后,《王者荣耀》就可以往UGC、社交化和电子竞技的方向发展了,这个时候产品能够笼络的第一批核心用户已经笼络的差不多了,无法再次出现核心用户的爆发式增长,所以就要把下一批的主要目标用户瞄准至一般的小白玩家和女性玩家了。
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.
天生不甘平凡的张兰,为了改善生活,也在1989年底以探亲为名,投奔加拿大的舅舅,去“打黑工”,哪怕当时儿子只有8岁。
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.
他们以创业为由,打着同情牌,获取别人注意。 在川上量生看来:“只有自由的环境才能孕育有趣的文化。
对比一下2010年成立,2014年上市的猎豹移动,2008年成立,2012年上市的唯品会。 从卖玩具到卖鞋 在雷军和毕胜看来,中国适龄儿童有三个亿,这个市场大得可怕。
| # | 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.
而当这些年轻人聚集在一块时,索尼等日本各大品牌厂商也随之而来。 “那时广州正好有一个游戏领域的投资人大会,我们团队的2名成员就提前准备好游戏Demo和PPT,去广州呆了两天。
| # | 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.
这使杨宁充分意识到:一家创业公司想要成功,合理的股权利益分配、合适的投资人与创业合伙人缺一不可。 定义「超级预言家」 每年年底,我们都会对“超级预言家”做出新的定义,即那些为我们做预测的数千人中的前2%。
比起纸质的问卷,邮件群发,金数据显著地改善了办公室人员在数据收集上的困难
<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.
” 戈壁创投合伙人蒋涛从自身经验出发,指出:“合理的私募股权流通机制,可以更真实的反应公司内在价值。生鲜、水果、鲜花……各式各样的生活服务都可以在我们平台上,未来可以把更多的品类送到你家来,只要30分钟。
“从思维方式上来看,(创业)跟下国际象棋是很像的,你要有创造性的,能够构建一个很好的战略。 除了洋河之外,古井贡酒宣布投资3000万元打造“佰色/BESE”预调酒;茅台推出“悠蜜”蓝莓果酒,并称将在三年内实现10亿~15亿元的销售额;五粮液推出“德古拉”预调酒;水井坊、汾酒、泸州老窖也都纷纷表示将推出预调酒,其中泸州老窖的“超体”鸡尾酒于2016年8月面市。
<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.
另一个变化是,蔡文胜在厦门本地的互联网投资很多,建了楼,他把很多项目都放在厦门,甚至就是一个楼里。 五、短视频平台趋势:大平台站稳脚跟,中平台垂直细分,小平台转做MCN 因为央视、人民日报、新华社都纷纷布局短视频,注意,国有资本布局的是短视频的新闻口,是网络舆论的制高点,方向非常清晰,至少会持续3-5年。
<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.
一场很匆忙的315晚会...... 春风又把3·15这股正能量给吹来了。 8个月后,亚信用自己的50万美元回购了股份。
<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.
结语 细节之中藏有魔鬼。 8个月后,亚信用自己的50万美元回购了股份。
<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>
2005年8月5日,百度在美国上市,当天股票大涨354%,一夜之间百度出了8个亿万富翁、50位千万富翁,240位百万富翁。
<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.
朋友感叹说:这样的创业可谓“神仙难救”。90后本身就是文化娱乐最主要的消费人群,有大量时间、也愿意把大部分的钱花在文化娱乐上。
<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>