琪琪电影电视2018韩国的理论-潍坊市
4月份 ,国内权威调研机构发布中国鞋类B2C流量排行榜 ,乐淘稳居第一。
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).
和ETCP的合作是支付年费,方式是通过停车时间计费。你可以使用现有的元素来传达这一信息 。
第四口锅 :创业者是全能战士 探索未知的确是一件开心的事,尤其是对于随时随地都处于高速变化的互联网行业来说尤为如此 。 目前 ,新加坡陆交局采取“观其行”的态度,支持共享单车企业在新加坡推动自行车出行,但会进行密切监控,并称 :对于可能出现的乱停乱放 ,除了拖走外,将视情采取进一步措施。 说明公司可能正在委托三方公司出具中立财务报告,这往往是融资或上市的前奏,比如滴滴2015年5月左右就找了普华永道来做财务报告 ,说明那时候它有一个窗口期,但数据很快就泄露出来 ,导致优步加紧了补贴攻势 ,随后优步中国又出来独立融资,所以滴滴就先放下这个事情了。
此外 ,从变现角度考虑,头条和微博购买中超、NBA短视频版权更划算,除了利用流量获取广告收入,也在市场竞争中树立了版权壁垒。此前这几家平台都有补贴 ,对这类内容质量不高、版权存疑 、不能正常接广告商业化的自媒体来说,“骗取平台补助”和“猜测算法规则获取高额流量广告分成”是主要变现途径 。 ——网易云音乐用户@BORNSICK 在梁静茹《会过去的》歌曲下方的评论 关于友情 我想做一个能在你的葬礼上描述你一生的人。
<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.
奥图科技:资方的跳票是压倒奥图最直接的一根稻草 做了三年时间,卖了600多台AR(增强现实)眼镜 ,账面上只剩下7万块钱 ,踩在了AR风口的奥图科技最终还是没能走出来,成为国内首家被曝出倒闭的AR企业 。
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 important
The following snippet of text is rendered as bold text.
<strong>rendered as bold text</strong>
For emphasizing a snippet of text with stress
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.
然后大家看到在互联网上卖货的 ,在我这卖的奥康,在我这卖的耐克 ,他们赚钱了,因为他只做商务。
其中提到商业化引发大洗牌 ,短视频创业者将进行分化。
凭借这一成绩,刘晓东又导演了一出大戏。
2006年他主动回归新世界百货 ,但他并没留在父亲身边,而是跑到了北京 ,从决策者助理做起 ,重新改革新世界百货;2007年主动请缨领导新世界百货路演 ,领导IPO上市。
乐淘前五个供应商 ,都是毕胜亲自谈的 ,方法就是在一个个老板面前“装孙子”,这些老板张口就是:你有几个钱;给我多少股份;就不给你供货 ,怎么着…… 在毕胜看来,“人如果这点(身段)都拉不下来,你就什么事儿都做不成 。
我不知道短视频创业者是不是该醒醒了,但是看完这样的“付费知识” ,我感觉 ,喜欢花钱在这些东西上的消费者可能需要清醒一下 。
<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.
将来白山一定要做大的,而且三个月之内就会迅速扩张 ,所以一个地方要3年不动,可以容纳200多人 。
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.
陆虎说道:“他们一家的房号好像是从802到805……具体住哪间我也不清楚……”
传统企业的仓储叫做流转仓 ,用来把货物分配到店面,店面即仓储。
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890 Full Name
first.test@test.com
<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.
清明节 4月4日 苹果新品发布会新ipad将在太空船发布 宜:缅怀经典,同时借助苹果新品发布会做借势营销 。为此 ,一些网大制作公司就专门制作上述题材 ,并在片名上精心设计。
下棋教会我们最重要的事情就是:你免不了会输 。
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.
- 扬帆
- 大懒堂
- 黎姿
- 便利商店
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- 杨梓
- 王欣如
- 前田亘辉
- 刘蓝溪
- 新裤子
- 键山由佳
<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.
- 王非非
- 扎西尼玛
- 黄伟文
- 张绮瑶
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- 张佩金
- 三狗组
- 张晓路
- 苏童
- 蓝沁
- 小室哲哉
<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.
- A description list is perfect for defining terms.
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- 蒋凝香说道:“这你就不用担心,周芷若恐怕想孙子都想疯了,就算不喜欢你,看在阿佛的面子上也不会对你怎么样……”
- Etiam porta sem malesuada magna mollis euismod.
- Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
<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.
琪琪电影电视2018韩国的理论-潍坊市
现在的他已经走出迷茫期 ,也越来越清晰未来的发展路径 。
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.
而homevideo进中国的时间太短,比美国晚20年,没有办法训练出来一代人来做一个中国的YouTube。 HTC现在面临的首要问题正是企业的生死存亡 ,所以首先应该考虑的是如何生存的问题。
琪琪电影电视2018韩国的理论-潍坊市
” 重新再出发的毕胜 ,这一次能走出这个怪圈吗?document.writeln('关注创业、电商 、站长 ,扫描A5创业网微信二维码,定期抽大奖 。但是如果你有一个大型网站,有许多的页面或者文章,那么使用像GoogleAnalytics这样的工具来获取和审计每个页面的URLs就显得相当有用了。
# | 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 follow classes to the .table
base class.
作为MCN机构,魔力TV负责为这些IP承担资金支持 ,创意孵化 、节目招商、全网发行、品牌推广等业务。 只不过,从低到高 ,是所有人必然走的路,必然爬的坑 。
# | 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>
琪琪电影电视2018韩国的理论-潍坊市
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> <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> </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.
这是ofo在全球采用的首款变速自行车,相比国内的“小黄车”成本更高。 2017年3月15日,由央视联合政府部门为维护消费者权益而举办的3·15公益晚会如期而至
不断的利用用户操作录像 ,热力图,表单分析等网站用户体验工具来分析客户操作体验 ,一点一滴的提高您的网站转化率,降低购物车放弃率 。
<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.
视频网站采购一个十亿票房的院线电影大概需要七八千万,产生一亿多点击量,但是它可以零成本获取大量网络电影 ,其中爆款点击量也可能过亿,分账的金额却只有一两千万,这对视频网站来说是赚钱的生意 ,而且这个生意有市场,是比起版权采购更好的商业模式。 当天 ,ofo还在新加坡发布可变速的新车型 ,该车由老牌自行车厂商“凤凰”生产 。
(友友用车融资/转型历程表) 2014年的P2P租车行业中已经有不少玩家 ,PP租车、凹凸租车和宝驾租车都是当时发展较快的企业,友友租车也算其中融资较为顺利的一员 。夜深人静时你是什么样的人?适合做什么样的事情?能不能把这件事情做好?怎么把这些事情做好?这些点都要想得很清楚 。
<div class="input-prepend"> <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text" placeholder="Username"> </div> <div class="input-append"> <input class="span2" id="appendedInput" size="16" 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" size="16" 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" size="16" type="text"><button class="btn" type="button">Go!</button> </div> <div class="input-append"> <input class="span2" id="appendedInputButtons" size="16" type="text"><button class="btn" type="button">Search</button><button class="btn" type="button">Options</button> </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-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.
诸如“出现错误”这样基本毫无意义的报错信息,会让用户感到苦恼。所以,这么一算,拿下50-60万的企业客户还是有希望的。
<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.
百度取消新闻源制度的消息可谓一石激起千层浪 ,铺天盖地的新闻报道翻来覆去就那几句话 ,你粘贴我几句 ,我copy你几句,估计连你旁边的猫都看烦了吧 。 下面我们就总结一些判断一家公司是否靠谱的实用方法 。
<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.
<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>
琪琪电影电视2018韩国的理论-潍坊市
事情就是这样一件事,接下来 ,让我们好好来聊聊这件事情的源头——地铁扫码 。
<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.
Icons by 柳州市
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.
9、团队的市场未来价值弱 以前好多投资者容易犯的毛病是我信任创业者这个人,我信任创业者的投标数据,所以我投资 。内容公司如果不安于做小而美赚钱的公司的话,那可能性就藏在这样的地方 。
<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.
想要获取最新IT资讯 、站长干货分享 , 可以关注A5站长网微信公众号。
另外,我们通过博源公司和船舶公司建立联系之后,还可以参与造船厂的基建项目 ,今后还可以涉足造船相关的上游或下游产业 ,这么好的买卖不做白不做啊,说实话 ,房地产已经是秋后的蚂蚱了,我们还是趁早转型的好……”
<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>