先简单回顾一下事件 : 一名男子与两名女孩因为推广扫码发生冲突,男子全程脏话,实在不堪入耳。
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).
有了大客户做背书,之后的业务好谈了许多 。 可教的观点能够加快领导者培养人的过程。
具体筛选的标准是什么?是否有经过评论用户的同意?后续还会有哪些动作 ,为此,新榜专访网易云音乐 ,了解到这次刷屏营销背后的细节。 产品定位 :基于微信 、QQ社交关系链基础上的MOBA类手游 产品特色: 5V5经典地图,三路推塔,呈现最原汁原味的对战体验; 随时开团,10分钟爽一把; 公平竞技,不做养成,不设体力,靠技术决定胜负; 掌上经济 ,随时开黑,亿万玩家同时匹配。 他跟班上的同学借了4000块钱,自己搞了一本《零点一度》杂志,全校3000多人,他卖出3000多本,赚了几千块 。
经纬是不是帮了很多忙?是不是?不是也要说是 。滴滴在这一营销案中通过彩虹室内合唱团的“共情”连接 ,成为了“春节回家”这一场景的信任代理 、情绪代理和人格代理 ,无论用何种时髦的语汇去表达它 ,它都已经掌握了浪潮涌动的内在规律 ,并用触角深刻地感知着下一个场景的流动。 5、为什么搜索竞价的安装次数与第三方工具显示的安装次数不一样 这可能是苹果生成的安装下载报告与第三方工具报告存在安装时间上的统计差异 ,为保证更明确的了解具体数据 ,建议ASM可以联系第三方工具咨询有关问题。
<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>
关鹏 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.
这种扭曲甚至影响到了那些正常做着盈利生意的经营者。
基康仪器2016年8月25日公布的2016年半年报显示 ,公司营收 、净利双双下滑 ,净利润由1358.37万元猛降至323.94万元,同比下降76.15% 。
推出给中小商户提供贷款的服务,蚂蚁金服当天就能放款。
UGC更多是兴趣娱乐参与型,PGC有明确的利益导向 ,看似非标 ,其实是标准化的生产,知乎上面很多人都是PGC,为了一个明确的商业目的生产内容,而且这个过程是有点标准化,分答刚做了一个分答小讲,也是一个PGC的过程 ,我们现在看到的主要的互联网内容平台 ,阅读领域的 、比如视频领域的,爱奇艺和优酷都是PGC,主要的商业模式都是PGC 。
目前微信有6.5亿的活跃用户 ,而且很重要一点是支付环节已经打通 ,在微信直接购买内容变为可能。
湖南、湖北 、安徽等10省全部开工 ,当年杨国强就净赚16亿 。
<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.
但其实不同岗位的人对这件事情的看法不尽相同 ,100offer的职业顾问指出:HR在替公司招人时一般比较看重一个人的学历、前公司背景和稳定性,而公司创始人或部门总监可能会觉得创业知识和经验对公司发展有一定帮助 ,特别对于那些创业公司来说,这种人融入团队也更快 。
<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.
K11心目中的理想消费人群是25至45岁之间,在购物上较为成熟的消费群体,这个群体思维上前卫 ,且非常喜欢新鲜事物,郑志刚直接将K11细分成与之对应且主题鲜明的多元化消费场所 。 郑方强调 ,应该认识到 ,在对实体经济有帮助的时候,我们不能把虚拟经济和实体经济对立起来。
姚剑军指出 ,整个福建在厦门被聚焦 ,厦门有这样的地域性优势 。
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>
火风
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.
据说,3卷共2000多页的《资本论》一年都要翻四、五遍 。
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>
王仁甫 Be sure to keep code within <pre>
tags as close to the left as possible; it will render all tabs.
几经波折,网易科技联系上了友友用车的联合创始人李宇 。 提供了更多服务 、用户体验更好的友友用车 ,价格却和其他分时租赁平台相差无几 。
但是到了网络时代,一切都不一样了。就像历史上任何一次媒介变革一样 ,短视频的崛起再次印证一件事:每个时代都有每个时代的内容风口,只要有人去搭桥修路,必将有人在上面舞蹈。
# | 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.
这位老兄手伸得挺长,后来还专门组织搞了一个论文叫《中国的生活满意度:1990-2010》(China'sLifeSatisfaction,1990-2010) ,说这20年里,中国经济高歌猛进,但中国普通老百姓的生意满意度却呈急剧下滑的趋势,多数人2010年的幸福感还不及1990年时的情况 。所以 ,Twitter在这个场景下 ,所使用的文案是“我和您一样讨厌垃圾邮件。
# | 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.
从阿里愿意给他4000股这个数目上来看,这位码农的水平介于P7和P8之间 ,年龄30岁左右正是当打之年 ,在35岁之前还有五年弥补自己错误的机会,我们祝福他。如果企业打算引进做市商的话,那就得重点关注了,毕竟做市商手里的股票可没有限售这一说 。
经历这番挫折后 ,百润股份似乎没有被击倒,反而愈挫愈勇。
<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.
而运营和推广 ,只需要借助势的力量,顺势而为即可。 移动互联网时代,微信成为获取各种信息的主要移动入口
我是早期投资人,账面回报已经不知道多少了 ,我们比较从容,另外我们在其他项目也赚了很多钱 。 而从估值的角度来看 ,新挂牌的影视公司中最高的,要数和力辰光 。
<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.
而在大概10年前,吴奇隆还曾经跟朋友一起开公司 ,专门作基于蓝牙的随身可穿戴设备,还有类似于美图秀秀一类的图片软件。 2007年1月 ,碧桂园在港上市的前三个月 ,杨国强去地产大亨郑裕彤家,陪彤叔、李兆基锄大地 。
<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">
珍珠果酱乐队 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.
声音碎片
<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.
3亿打造兰会所、高大上的装修、还有儿子汪小菲和大S的婚姻 ,都让俏江南“餐饮业中的LV”的形象深入人心,张兰也因此功成名就 。 一夜情节 4月19日 宜 :借势情趣营销,你懂得! 搜狐社区停止服务 2017年4月20日 宜:怀念某些人的青春 ,18年长跑暂时告一段落,做纪念活动。
<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">
虎子.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 女子十二乐坊.
袁凤瑛 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 山本健司 whenever practical.
他坦承自己不是BAT,没有能力提供“安稳”。document.writeln('关注创业 、电商 、站长,扫描A5创业网微信二维码,定期抽大奖 。
<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>
姜华
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.
假定你是一家即将IPO公司的骨干或中层,你的公司可能没有大疆那样的江湖地位 ,也没有共享经济之类理想主义的光环,但你仍然有可能拿到相当数量的原始期权,这个期权拆股后可以扩充好几倍 ,那么在这个期权在被授予你个人之后 ,即使除去行权成本和杂费 ,你的收入仍然相当于在普通公司几十年的奋斗 。
<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>