不过，经过3个月的思考，冯博士最终还是放弃了在路边擦皮鞋挣2万元的想法，并于1990年3月，拉着王功权去了老牟的南德集团。
不过，经过3个月的思考，冯博士最终还是放弃了在路边擦皮鞋挣2万元的想法，并于1990年3月，拉着王功权去了老牟的南德集团。
但我们当时似乎忘记了去思考：做平台，流量是关键，那我们的流量从哪儿来? 这个问题就比较大了，讲清楚这个问题，也可以专门去写本书了。
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).
不能怪雷军，2014年年底，连投资人都愿意给小米开出450亿美元的估值，尤里·米尔纳甚至明确说明，小米的下一个杆位就是1000亿美元，这时候谁能不头脑发热呢? 这时候第二个问题来了，小米2014年的估值为什么高达450亿美元，融资额却只有11亿美元。如果点击进去段落分明，图文并茂，这样的软文才能让读者很好的阅读下去。
这道题不难，即使你不知道雷军在金山和小米的奋斗史，你的中学老师也一定告诉过你，答案要选最长的。创业之初，boss给我们算了一笔账：中国在线管理服务的市场渗透率连5%都不到，而中国有1200万中小企业，也就是说在中国至少还有1100万的中小企业是未经开垦的荒地。 第一届3·15晚会开始于1991年3月15日，该晚会已经历经26年之久。
而被张兰母子抱以厚望的兰会所，经营情况却不甚理想。 作为老牌PE与VC的代表，另类资产管理平台的定义与之前的鼎晖投资完全不同。所以，从五月份至今，《王者荣耀》一方面继续原来的增加用户活跃度的活动，另一方面又加大了在社交方面的活动，让老玩家能够顺利带新玩家入坑。
<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>
糖心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.
首先判断一家公司的视角虽多，但从员工的角度只有一个，那就是能不能给你带来超出预期的经济回报，其他都不重要。
就是说，先不管商业模式是什么，只要消费形态改变，你不去报刊亭买报纸和杂志，一定会有大量新的报刊亭在新的消费形态下出现。
人心都是肉长的，3个星期后，三和的老板看不下去了“归你了”。
朱建曾经在一个餐厅问厨师，现在还熬高汤吗?对方回答：不熬了，太费时了。
基康仪器2016年8月25日公布的2016年半年报显示，公司营收、净利双双下滑，净利润由1358.37万元猛降至323.94万元，同比下降76.15%。
” 郑方说，实体经济主要是以实感为基础，进行创造，无论是种粮食也好，造衣服也好，还是拍电影，都是实体经济的一部分。
<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>.
笔者的稿子就曾经多次被机器建议“修改标题”。
<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.
所以投资人越来越难做，一边研究市场发展方向，一边帮助企业朝着自己研究的这个方向发展。 换句话说，一个时代过去了，鼎晖投资错过了最好的时间点。
接下来是转化能力，渠道型媒体能不能把更多的搜索转化成广告点击，这种天花板相对高。
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.
随着移动互联网时代的到来，互联网+、大数据、分享经济等风口相继爆发，在不少人还在犹豫观望之时，天搜股份坚定地加码技术创新，紧握这些风口，屡次占得先机
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.
这个时候，他把所有商品和定单都转到我们平台上来了。 有人问过他同样的问题，你为什么爬那么多山，他回答很简单，因为山在那里。
Netmarble公司补充称，它将会在4月11日到20日进行累计投标询价，然后确定上市价格并且汽车是主动跑去接乘客而不是让乘客跑去找车。
| # | 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.
无路狂奔中，每个人都会认准一个方向跑，我们自己跑的是其中一个方向。 随后，因为错过了搜狐、百度和当时沈南鹏创立的携程，并且其创始人吴尚志意识到，早期投资与PE完全不同，于是，他找到了早期在万通投资，当时在IDG担任合伙人的王功权，由其负责鼎晖投资的早期投资(也就是所谓的鼎晖创投)。
| # | 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.
根据艾媒咨询发布的《2015Q3中国手机游戏市场季度监测报告》显示，截止2015Q3，中国手游用户累计达到4.97亿人，环比增长1.2%，增速继续放慢，手机游戏用户规模已逐渐见顶。其实关于刷点击排名，如果能够真正的做到点击的真实性模拟或者软件参数设置得当，排名会非常稳定。
五、短视频平台趋势：大平台站稳脚跟，中平台垂直细分，小平台转做MCN 因为央视、人民日报、新华社都纷纷布局短视频，注意，国有资本布局的是短视频的新闻口，是网络舆论的制高点，方向非常清晰，至少会持续3-5年。
<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.
我们做过一个抽样统计，如果传统纸媒要做一个发行，他的成本有70%左右会花在发行渠道和印刷上面，剩下来的钱还要承担一个编辑团队的成本，到最后传统纸媒拿到超过10%的净利率是比较难的。我们经常听到的一句话就是“市场变化太快，我们要学会拥抱变化。
” 让老板印象深刻是多么重要!后来，当Joe为Palantir为融资时，彼得不仅同意投资，还同意加盟公司担任联合创始人。为什么杜蕾斯的广告大家都喜欢?所有的消费都正在变得娱乐化，包括它跟冈本对撕的时候，获得关注度是最多的时候。
<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.
三、使用温馨和柔和的暖色风格 粉色在网站中在女性用户中占据很重要的位置，女性在选择颜色中对于暖色很偏爱，这可能对于女性喜欢被宠爱有关。 8年前我还在打工，曾经面试过一个复旦毕业的美女，毕业后创业三年，一直小打小闹的搞儿童培训，结果一败涂地，她是学市场营销的，但是对基本的实战营销一点都不懂，当时我很纠结，她找了两个月的工作了，就是因为职业技能不足，还有三年的创业经历，让招聘单位都不敢录用她，她非常希望得到这个工作，最后我提交了录用申请，可惜被老板否决了，我也爱莫能助了。
<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.
(1)取消新闻源，对百度来说是件好事。 重新出发的过程中，创业的这段经历给他们带来了什么?他们的内心深处又在寻找些什么? 当我们走近这些连续创业后寻找新机会的创业者们，才知道创业在一个人的职业生涯中，意味着什么。
<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.
遇到了难过的事，连个可以约出来喝杯酒的人都没有。互联网最早做大的公司是百度，以搜索业务见长，腾讯在这方面竞争不过百度，所以才做了社交，后来才有了微信;网易没有搜索，也没有微信，但是开拓了游戏业务，也慢慢成为这个领域中的强势平台。
<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>
但是在IPO上市前，永安行却终止了与蚂蚁金服和深创投等机构的投资合作，并签订终止协议 永安公司管理层认为无桩共享单车业务未来发展前景看好，但近日社会上存在部分对无桩共享单车投放和运营管理提出异议的观点，公司本着对投资者负责的态度和谨慎投资的原则，公司与上述投资机构再次协商，各方同意放缓投资进度。
<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.
郑志刚13岁就被送出了国，但他凭着努力顺利上了哈佛，但他并没像其他香港富豪子弟一样学经济和管理，而是选了东亚文学及文化，活成了一个另类。 3月16日，德邦物流首次公开发行股票招股说明书。
<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>
糖心VLGO官网
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.
” 第二家公司是第一次创业失败后，前同事推荐给他的某个做游戏的前BAT高管创办的，当时公司已有天使轮投资，就缺技术合伙人。
<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>