这些创业大神们通常都有化腐朽为神奇的力量 ,通过互联网思维这样的东西 ,将一个个看起来差点被历史车轮丢掉的产业重新拉回了社会舆论的中心。
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).
document.writeln('关注创业 、电商 、站长,扫描A5创业网微信二维码,定期抽大奖 。 但是 ,有投资者告知读懂新三板 ,针对熟悉内情的投资者 ,公司还给出18个点的高额返点。
那些权重低、内容时效性和质量相对较差的小站点、自媒体站点 ,很可能会被K掉,比如笔者的一个不成熟小站前段时间就被百度K掉了,这个过程其实已经进行了一段时间了 ,只不过这次取消新闻源的动作更大更狠一些 ,但即使不取消新闻源,很多小站依然还是会慢慢被淘汰掉 。 新政之前滴滴估计到了会对车辆准入做一些限制,所以它开始增加自营车辆,但如果自采车辆 ,在财务模型上就必须解释这些车辆退役后如何处理 。 “从思维方式上来看,(创业)跟下国际象棋是很像的,你要有创造性的,能够构建一个很好的战略。
“其实有很多人在做这些事情,可能产量都很小,但是有很多类。可以说这些数据为优化广告位提供了数据保障。 当然对强人而言,创业从来没有时机之说 ,他们随时都可以杀入其中,直接PK掉行业里的弱者,这就是另外一回事了 。
<p>...</p>
Make a paragraph stand out by adding .lead
.
新媒体创业沙龙专场 热话题:内容付费 吴晓鹏(华尔街见闻):内容付费在财经信息领域,有两种形态 。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.
冷静下来的他重新审视了乐淘的商业模式和盈利能力 ,在他想明白了两个问题后,突然觉得“眼前一黑” 。
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.
而餐饮行业也不落下风 ,很多网红餐厅屡屡进入大众视野。
当下的创业圈 ,太多专注过热的风口,太多希望尽可能早 、尽可能快的干掉可能潜在的竞争对手,成为市场的独裁者 。
2015年440.69亿元的票房收入较2014年涨幅接近50% 。
那么共享单车这个新兴市场如何开始发展的?未来又将何去何从呢? 一、共享单车创业 在共享单车行业中,摩拜单车和OFO可以说是其中的代表之一。
我们甚至没有什么复杂的商业模式或者变现逻辑 ,因为这就是很简单的——所有人都能理解 。
彼得就是我当时想认识的人 ,他是我当时最崇拜的人,所以我决定给他工作。
<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.
初音的真正爆红来自于她翻唱自芬兰民谣《IevanPolkka》的那首《甩葱歌》 ,歌曲很快在niconico上达到了百万的点击量。
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>
.
首先我们如何定义补贴?视频网站把钱给内容团队做内容 ,我觉得这是补贴 ,但是我们投资了一定成本,免费把内容提供给视频网站 ,根据点播分成获得回报 ,由我们承担风险,这个不是补贴 。
<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.
1、在微信搜索框中输入微信指数 ,然后选择搜一搜微信指数(如图) 2 、点击出现的微信指数图标后 ,会弹了相关界面(如图) 3、根据你的需求搜索某个键词,就会得出相关指数情况(如图) 如图所示,微信指数可以反应出某个关键词7日 、30日 、90日的流行度的数值 ,通过指数曲线的情况 ,我们大致可以判断出某个‘搜索词’的流行趋势 。 从模式和运营上看,青年菜君应该是一个很轻的项目 ,绕开了库存和最难的最后一公里配送问题 ,那么,为什么这样一个好项目却在昨天被爆出来融资受阻,运营困难的事呢? 第一 、用户定位不够细分 ,需求把握不到位 青年菜君定位的目标用户是20-35岁背井离乡北漂的白领一族 ,但是20-35岁的用户定位,以及需求划分还是做得很粗浅 ,具体需求还需挖掘。
几乎我见到了每一个成功的人士都在人际关系方面有非常好的学习。
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.
这些看上去颇为讽刺 、夸张甚至有些恶搞的剧情 ,却在2016年轰轰烈烈的创业和投资大潮中不断上演。
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.
如果这些问题不能解决 ,或者继续复制HTC手机的运营模式 ,HTCVive在未来的发展中 ,将会同样面临前面所提到的问题。美国最聪明的人才并没有加入政府。
对此,章苏阳看起来不担心。 2002年筹备鼎晖投资,先后投资蒙牛 、分众传媒、永乐家电等等。
# | 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.
而在社交方面 ,尽管这是一个MOBA手游 ,但团队还是往里面加入了各种各样的社交化的功能 ,这些社交化的功能是在之前的所有MOBA类游戏中根本没有的,他们早已经发现了社交对于手游的重要性 ,在传统的PC机端游时代 ,社交是停留在游戏里面的,游戏里认识的好友现实生活中根本不可能见面,而手游时代的游戏社交则非常不同 ,手游里的社交不仅仅有游戏内的互动,还有非常大的可能性将社交拉到游戏之外,并且最终使得这个游戏变成现实生活中人与人之间社交的一部分,而《王者荣耀》要走的,就是这样的一条游戏+社交的道路。 虽然这种神话在外界看来很不靠谱 ,但百润股份的并购案在幕后高人的指点下还是在证监会通过了,其市值也一路攀升至超过500亿 。
# | 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.
” 作为雷军十几年的朋友,毕胜对雷军的话从不怀疑 ,既然大哥给指了条“明路”,那就干 。 当时他的老乡兼学姐陈安妮正被他说服到北京创业,他打算把积蓄都投资陈安妮。
没有流通股的1018家企业中,在有流通股之后“复活”的企业2015年营收中位数为5562万元 ,营收增长中位数为19%;净利润444.13万元,增长中位数为34.60%;而没有“复活”的企业 ,营收中位数为3505.36万元,营收增长中位数为9.23%;净利润中位数为191.17万元 ,净利润增长中位数为16.86%。
<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.
新浪微博的域名weibo.com就是蔡文胜卖出的。 ⑦ 、看网站内链和外链,外连是否强大,内链是否文章是否做好锚文本。
虚拟经济里也有虚假经济,包括公司做假账,以欺骗的方法来抬高自己的股价,或者骗取信用,都是虚假经济 。 移动互联网时代 ,微信成为获取各种信息的主要移动入口。
<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.
总结:微信指数不过刚刚正式上线几天 ,相关的分析研究都还在初步阶段。我们愿意把自己的数据共享出来 ,做技术层面的对接 。
<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.
7.3典型竞品分析 所以,我们选取MOBA类手游的代表《自由之战》 、《时空召唤》、《英魂之刃》和《虚荣》等主流的MOBA类手游来做比较,分析分析为什么MOBA类游戏之中,《王者荣耀》能够一枝独秀。 之所以定这个名字,是因为在不少老外眼里,江南的小桥流水最有中国特色,张兰的野心也可见一斑 ,“我要创建一个代表中国特色的国际品牌,让人一听就知道来自于中国 。
<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.
” 他解释,假如你在一个反恐部门工作,目标是掌握恐怖分子的踪迹 ,以便进行精准打击 。 成功的产品通常是构建在一系列优秀的设计之上的,它除了拥有优秀的框架、系统的逻辑和恰如其分的运营之外 ,它还需要符合用户体验规则的细节 ,和几经验证的最佳实践来作为支撑。
<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.
(2)灵活应对市场 一方面市场是瞬息万变的,随着竞争的加剧,强劲的竞争对手也许能够提供更先进的产品和更优质的服务 ,企业在实施饥饿营销的时候要密切关注竞争对手的动向,只有知己知彼才能百战不殆。
<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>