后来我第二轮融资的时候,公司和投资人签署完具有双方约束法律效应的SPA(正式投资协议文件),一起给媒体提供了融资信息后,投资款最终照样没到齐。
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).
我们甚至没有什么复杂的商业模式或者变现逻辑,因为这就是很简单的——所有人都能理解。他不明白自己明明是凭着之前总结出的经验选择的加入这家公司,为何还是掉进了坑中。
1961年,王功权出生于吉林公主岭九局子屯,那是一个四、五十户人家,不足500人的美丽小村庄。 2、AD-2虽然转化明细数次之,但综合数据与AD-3相比,此广告位效果不如AD-3的效果好,这反映出两方面原因,比如: 用户对AD-2位置的广告活动参与度不高,活动缺乏新引力。 优酷土豆被阿里巴巴收购后,失去了独立性,作为其创始人的古永锵卸任董事长,并出任阿里大文娱战略和投资委员会主席,这被外界看作是一个虚职。
《王者荣耀》上线后的一个最重要的改进方向就是增加社交的可能性,打通安卓、IOS的连接,增加像“微信好友”“LBS荣耀战区”“附近的人”“死党、恋人系统”等等一系列MOBA端游甚至大部分手游里并没有的社交功能,而且这些社交功能基本上都是为了现实生活中的社交而设计的。 以下是评委们的精彩点评,有不少金句是可以裱起来的。这回包工头可记住杨国强了,一有事就找他,一来而去,杨国强就成了杨队。
<p>...</p>
Make a paragraph stand out by adding .lead.
5.3.6英雄与皮肤 (1)英雄与皮肤的收费思路 在确定了这款游戏不能够用收费的方式来影响游戏本身的公平性这个大前提之下,再针对游戏的目标用户群,自然而然就得出了通过英雄和皮肤来收费的思路,而且这个思路已经是一条被《英雄联盟》证实的好的收费思路,因为英雄收费是刚需,而皮肤收费则是深刻的洞察到了玩家对于美和炫耀的需求,然而为什么《王者荣耀》的皮肤是有属性加成的呢?而且为什么《王者荣耀》的皮肤属性加成同一角色不同皮肤都一样呢? 这里也体现出了《王者荣耀》团队和《英雄联盟》团队对于游戏收费理解的细微不一样,《英雄联盟》团队认为他们做的是一个具有世界影响力的电子竞技类游戏,他们有足够多的不同国家和文化的用户,他们必须要保障零付费用户的游戏公平性。 这些内容要么出自魔力TV自有团队,要么是魔力TV和内容创作者成立的股权合作公司,还有一部分则来自和魔力TV签订联盟协议的内容生产者。
<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.
” 彼得创办的Paypal,现在是一家全球知名的在线支付系统,不过Joe加盟那年,Paypal频频遭受黑客攻击,还无法盈利。
拉卡拉在申报稿中表示,剥离出去的公司主营增值金融等业务,其发展面临着未来监管政策的不确定性。
本身就拥有海量正版片源,是在线视频网站将触角伸向线下的一个重要原因,因为直接投资院线影院显然成本过重,而私人影院是很好的选择。
”不过,据说80%的企业还没有等到三个月就歇菜了。
白酒企业这样表态倒不是为了展示民族自尊心,而是遇到了和黑牛食品类似的发展困境。
对于大多数膜拜罗胖子的自媒体人来说,想要攀升到他那个高度,是一件很困难的事情,而如果通过直接写软文变现,或者一直坚持下去,做一个自己的工作室,这就简单多了。
<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>.
郑志刚13岁就被送出了国,但他凭着努力顺利上了哈佛,但他并没像其他香港富豪子弟一样学经济和管理,而是选了东亚文学及文化,活成了一个另类。
<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.
新榜:这是网易云音乐第一次做地推吗?之前的效果如何? 网易云音乐:之前我们也有过多次地推活动,比较大的在2014-2015年有一个“音乐加油站”的地铁站活动。 是的,创业是实现财务自由最快的方式之一,但收益快也意味着风险高,创业的每一步都步步惊心,金志雄和李进就是两个鲜明的对比。
VR行业发展受阻Vive对手强大,HTC未来发展仍有很多未知 除了市场份额,对于VR产业来说,还有另外的因素阻碍VR产业的发展: 首先,是价格。
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>
糖心VLGO官网
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.
以上就是我今天分享的主要内容,总结成两点就是:1、创业不要追求风口,但要把握时机,多尝试到不被很多人关注的“荒野”中寻找创新;2、创业,先让自己成为狼,找一群可以和自己互补的合伙人,带出一群狼。
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.
三、关注网络大电影和网络剧垂直领域“头部内容” 目前相较于电视剧、电影,网络大电影和网络剧的投资空间更大,机会更多,可重点选择垂直领域“头部内容”进行投资。但现状是它们大多还散落在民间,经营者命运飘摇,就像非物质文化遗产一样等待一场救赎。
“我去那里就是为了挣钱”,张兰后来如此总结自己的国外淘金之旅。到了第二个月,niconico的付费会员超过54000人,注册ID超过了200万。
| # | 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.
” 他想明白的第二个问题是:电子商务的成本比线下高出20%-30%。 消费者在购买时如何辨别LED灯有没频闪呢?3·15晚会教了大家一招:打开手机的照相功能,让镜头对准灯泡,注意屏幕上的闪烁,频闪严不严重就一目了然了。
| # | 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.
8、网站xml网站地图,行业中数据量比较大,需要将sitemap分为日志和数据分析。悲剧的是,百度还是不受新媒体人待见,只能眼看着今日头条、UC订阅号等新媒体平台呼啸前进,差距愈来愈大,流量越分越散。
现在乐视影业地网团队覆盖了全国一半以上的影院,占了全国75%的票房市场,包括学区电影院、社区电影院、高档办公区电影院等。
<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.
微文案 有的时候,图像和图标信息并不足以给出清晰而直接的指引,起到引导用户、强化体验的短文案就要发挥作用了。所以,通过恰当的视觉反馈让用户明白正在发生什么,是很有用的。
哪怕最终测算下来,1%的比例没有问题,但作为一家初创公司,我们想要在两年内吃下1%的市场。 3年后的1998年,我国取消福利分房,杨国强觉得房地产大有搞头,他就把碧桂园模式带出顺德,走向广州。
<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.
上市过程中,德邦将募集29.88亿元资金投入直营网点建设、零担运输车辆购置、快递车辆及设备购置以及信息一体化平台建设等项目。 但3·15调查发现,互动百科上有些词条很奇怪。
<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.
” 同年5月12日,上交所发出了第二份问询函,对相关问题提出质疑。而进入VIP之后享受的特权如图所示,从认证站点到VIP1,再到未开放的VIP2、VIP3,可谓层级分明,权益也是随层级倍增倍差的。
<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.
努力了3个月,搜狐终于答应放一些流量在白山的平台上测试。 他很重视给对方留下好信用形象。
<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>
【TechWeb报道】3月20日消息,继通达系和顺丰上市之后,德邦物流也加快了上市步伐。
<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.
我一般会毫不留情地对他丢狠话,连打工都打不好的人,创业是没有办法改变你的命运的,只会让你更穷更苦,创业是属于强者的游戏,是玩命的冒险历程,你每天都要经受生与死的考验。 百度取消新闻源制度的消息可谓一石激起千层浪,铺天盖地的新闻报道翻来覆去就那几句话,你粘贴我几句,我copy你几句,估计连你旁边的猫都看烦了吧。
<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.
小米Note没有指纹识别,而同期搭载了指纹识别的华为Mate7一战成名,取代小米成了最受黄牛喜爱的机型,价格一度被抄到了和苹果一样的5000元档。
<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>