斯坦福大学研究心理学的社会心理学家杰夫·汉考克(JeffHancock)说:“让企业难以应对的是,这些心理变态者往往愿意通过欺骗进行操纵。
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).
一、文档概览和分析目的 体验机型:小米MIX 系统版本:6.0.1MXB48T App版本:1.17.1.23 体验时间:2017.3.25 分析目的: 了解《王者荣耀》的产品战略、产品功能和产品表现等产品特性; 了解手游市场内的竞争态势和发展方向; 分析《王者荣耀》成功的原因及其对应的策略。 第三,经济下行期,很多90后没办法进行汽车和住房一类的大宗消费,但通过消费获得身心愉悦又是人性的刚需,所以即使经济面临挑战,他们也会选择娱乐消费。
快速发展的印度移动互联网市场已经孕育出了一批市值高耸的科技公司。一个电商老板喝醉后,在微博上大骂毕胜,因为员工看了毕胜的演讲视频,第二天辞职了。仅仅只有一个半月的时间,股价就被打回原型,一度跌至9.9元。
document.writeln('关注创业、电商、站长,扫描A5创业网微信二维码,定期抽大奖。 问:普通网站能否得到类似新闻源的展示效果? 答:能,百度取消新闻源后,对很多网站是件好事,但是现在的选择范围更广了,一些不具备条件的网站都有机会进入类似新闻源的展示效果了。 相比周黑鸭、绝味,煌上煌整体优惠力度更大一些,价格也更接地气,拿500g鸭舌比较,煌上煌售价108元,绝味卖146元,周黑鸭价格则在180元左右。
<p>...</p>
Make a paragraph stand out by adding .lead.
而微信指数未来是否还会延伸出其它的辅助功能(如相关其它搜索词指数、相关搜索词用户男女比例等)就让我们一起试目以待吧! 本文由蝉大师https://www.chandashi.com/原创,如需转载,请注明出处,否则禁止转载!~~~document.writeln('关注创业、电商、站长,扫描A5创业网微信二维码,定期抽大奖。因为没有收入,公司经常挣扎在死亡线上。
<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.
5.3.5收费模式 游戏只是一场游戏,一个游戏只有真正回归了游戏的本质,才能够得到最多人的认可,而游戏的本质到底是什么?是更趋近于通过炫耀金钱、碾压他人来体验游戏带来的快感,还是通过让玩家不断在游戏中求解问题加深对系统的印象,然后得出结果和量化反馈来获取游戏本身的快乐。
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>
糖心VLGO官网 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.
而在网络上要怎么“让大家也会一起来看原本不那么感兴趣的内容”,成为了川上量生等人创立niconico的一个重要动机。
4月份,国内权威调研机构发布中国鞋类B2C流量排行榜,乐淘稳居第一。
目前3760只“僵尸股”中,有1848家是因为没有流通股才沦落为“僵尸”,还有1912家企业已经有流通股,却没有成交过。
但同时你要有很实用主义精神,你要知道具体怎么来做,所以就是说你一直在理性和非理性之间要有一个很好的平衡。
每一次赔钱后总想着赌一把,再赌一把,万一下次回本了呢?而驱使他们继续的心理是不甘也是无路可退,结束豪赌、直面惨败现实的过程并不轻松,与其这样不如继续活在那个为理想而拼搏的光辉美梦里。
所有人手中这两个面值的纸币需要去银行和邮局兑换,而且兑换期只有50天大家要快点行动起来。
<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>.
青年菜君的逻辑是:线上建立电商平台,采用T+1的形式提前一天下单,从而达到从采购、生产、加工中杜绝损耗的问题。
<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.
当时Pingwest的一篇文章提到,小米官方的编年大事记中竟然完全省略了2013年到2014年底这段时间发生的所有事件。他在安徽和江苏的交界处和县建了600套度假别墅,并现场请来了汤唯助阵,结果合肥的、南京的有钱人蜂拥而至,现场足足有3000人,分分钟打破南京度假别墅的销售记录。
但由于当时芯片太贵,互联网公司太烧钱了,一两年下来,公司大概烧了几百万(相当于现在的上千万),最后也没有成功。
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.
Twitter会自动帮你把URL缩短,如果你用了第三方的缩写服务,比如bit.ly,你就能获得每个URL的分析,比如每个元素被点击的次数。
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.
“我认为想要建立一个大公司你可能需要有过度的自信。 貂蝉美,妲己骚,韩信帅,李白酷,这就是《王者荣耀》的画面在一般用户心中的印象,由150多人的团队用心打磨出来的《王者荣耀》的皮肤和画风最终受到了用户的喜爱,特别是同时兼顾了男性用户和女性用户的审美。
相比于代销品牌30%的毛利,自有品牌的毛利可以达到60%-70%。 第三口锅:融资了就可以财务自由 想通过融资来获得财务自由的,要么是骗子,要么是傻子。
| # | 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.
张颖:我在这里补一句话,很多人私下会问我,有些人也会问旭豪,为什么要打仗?英国有一个著名的登山家叫乔治·马洛里,1924年登珠峰的时候没有成功后来逝世。 2016.5.11 新增战队赛玩法,排位赛全段位开启无人排位功能,新增迷雾模式,新增更多装备。
| # | 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.
这家机构不仅终于和Palantir签署了正式的合同,还对他们的工作给予了这样的评价:“Palantir做的是一件伟大的事情,教人类如何与数据对话。 1991年圣诞节前夕,张兰怀揣着打工挣来的2万美元和创业梦,乘上了回国的飞机。
<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.
提升UI的可理解性 杂乱的UI会让你的用户信息量过载:每增加一个新的控件(按钮,文本、图像)都会让你的整体设计的混乱度再上一个新的台阶。”正是从那时开始,创业两年的王涛决定,将北半球传媒的业务重心从传统大体量体育节目制作向短视频倾斜。
经过三十年的努力,我,终于实现了梦想的一半:拥有了墨镜。
<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.
对于这些挑战,知乎不是没有行动,诸如此前对几个违规大V的销号处理,社区规范的进一步完善,站内反作弊系统的升级等等,但我们更希望知乎平台能够继续拿出更多措施,为知乎平台提供更佳的内容氛围。本身饿了么很争气业务也很好,我就游击队帮帮忙。
但是如果往科学教育方向走,至少我们有可能在短期内增加未来的十五分之一的收入。七年后,饿了么员工高达15000人,覆盖1400个城市,日峰值订单突破900万单(2016年12月数据)。
<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.
IP改编、内容变现、影游联动、院线并购、用户价值……资本推波助澜之下,中国文娱产业正在经历一场前所未有的淘金狂欢。在一个企业不断进行重组的时代,这是很危险的。
<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.
在内部分工上,白山的融资几乎全部是沙涌和代翔在负责,而霍涛则一门心思扑到招人与研发、业务上,能否招到合适的人才一直困扰着霍涛。 父亲是当地小学的校长,一辈子勤勤恳恳。
<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.
误区一:内容一定要原创 “内容为王”已经喊了好多年了,而原创内容也被做SEOer所推崇,也不是说追求原创有问题,初期想破脑袋的写原创文,写完就赶紧发布,生怕晚了一秒钟,从而忽视了页面优化,根本没有做到页面布局合理、图文并茂。 青年菜君的逻辑是:线上建立电商平台,采用T+1的形式提前一天下单,从而达到从采购、生产、加工中杜绝损耗的问题。
<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">
糖心VLGO官网
.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产精国品免费入.
糖心VLGO官网 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.
来自湖北的有小米CEO雷军、360董事长周鸿祎,微信创始人张小龙也是从湖北的大学走出来的。但其中中隐藏了一大批高成长的优质企业,一旦“复活”,体内的洪荒之力很惊人。
<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>