但是正如大家都有所耳闻的，印度社会跨越了PC时代，正在跑步进入移动互联网社会。
但是正如大家都有所耳闻的，印度社会跨越了PC时代，正在跑步进入移动互联网社会。
所以，投资者用脚投票的现象异常明显，峻岭能源股东人数由高峰时期的267名下降到了174名，14个月的时间，93名股东跑路。
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).
而《王者荣耀》团队认为的可能是《王者荣耀》只是一款手机上的轻量化MOBA游戏，游戏更加偏向于社交化和休闲化，他们发现了中国的手机端用户对于小额游戏付费的抵触心理并没有那么高，所以其实它只需要保障土豪玩家不会影响游戏的公平性，并且同时零付费玩家的抗议不会太大就可以了，这也同样解释了为什么《王者荣耀》对于《英雄联盟》的铭文获得的体制上进行了修改，允许用户直接用人民币抽取铭文。 8%的抽成模式，这样的一个过程很累，我们跟商户是对立起来的。
document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。 在节目策划阶段我曾问Joe：你最与众不同的特质是什么?他的原话里，除了提到很强的战略思维能力、总是让他能够获胜的竞争力和成就他人之外，还有一点，自信。 微信指数的算法是怎样的? 这可能是基于干站长这么多年的习惯吧，混PC端时，天天研究百度的排名算法，干ASO时，又天天研究苹果应用商店的算法。
根据Monetate的报告，8.01%的访客将产品放进了购物车，但是仅有1.42%的访客最终购买了商品，总体的购物车放弃率为82%。我们对中国传统文化有着一些禁锢思维定式，随着数字化时代的到来，通过生动略带耍宝的方式展现传统文化，是一种大胆的尝试。随着移动互联网时代的到来，互联网+、大数据、分享经济等风口相继爆发，在不少人还在犹豫观望之时，天搜股份坚定地加码技术创新，紧握这些风口，屡次占得先机
<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.
新世相图书馆是一个比较特殊的服务商品，形式是每个月花129块钱来购买一个服务：我们从第一天会给你寄一本实体书，收到以后看完寄回来，我就会给你寄第二本，如果你一个月之内读完并寄回来第四本书，我就会把129块钱退给你。
同时也建议您用自己的人写高质量文章，因为自己对自己的产品(业务)会更了解。
扪心自问，如果当时是我们身处那节车厢，我们会站出来吗? 这不禁让小财女想起了在网上看到的一句对此事的评论：最热心的永远是网友，最冷漠的永远是路人。
从“沙场”到学堂 百度给联盟伙伴提供的不仅有真金白银，还有自我提升的机会，比如百度和长江商学院跨界合作强强联手打造的百度长江学堂。
「30岁时还是想自己做点事情，所以就离开新浪出来自己创业，后来创业的两家公司都死在了A轮。
因为这些“僵尸股”，并没有你想象中那么差。
<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.
2017年3月20日，百度站长平台发布公告：百度取消新闻源数据库，升级为VIP俱乐部。
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>.
到了第二个月，niconico的付费会员超过54000人，注册ID超过了200万。
<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.
2017年以来，短视频越来越热，除了今日头条这样的巨头布局外，近日网易云音乐也上线了短视频功能，一时间短视频引得热议。
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.
”很多人都觉得这是在做烂好人，但投资就是这样，你现在做一点好事，等你什么时候不好了，别人才会愿意出来帮你。 经常听说一句话：不怕神一样的对手，就怕猪一样的队友，显然，“猪”在我们的印象中并不是一个好的称呼，雷军称自己为“猪”，我想没有人真认为雷军是“猪”吧，这更多是在自黑和自嘲。
股权转让在国内还是一个新兴的市场，但在国外的发展历史已经超过了50年，尤其是在美国，股权转让已经成为一种非常成熟的交易方式。 在拍戏间隙，他最爱的活动就是看网文，一部戏下来，最多的时候能看五六十部。
| # | 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.
转型前，友友租车有近500个员工，而转型后其实不需要这么多员工。 通过微信指数可以了解某个关键词分别在7日、30日、90日的流行度表现，通过其指数波动情况，我们甚至可以预判出某个关键词在未来近阶段的表现情况。
| # | 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.
在消耗了大量金钱和社会资源之后，躺倒在灰色的墓地中。 但是一旦算错了，或者外部环境突变就很要命，可能让公司长期找不到北，打赢了每一场战役输掉了整个战争。
看完这个广告，你觉得RIO卖的是酒还是瓶子? 既然是耍酷道具，这种道具就不能太多，如果满大街都是，而且良莠不齐，原来的消费者就会厌倦这种道具，进而选择新的道具。
<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.
因为在采取饥饿营销时，消费者会转移到其他竞争者那里去。唐人影视业务包括影视投资、制作、发行、艺人经纪等，曾出品《步步惊心》《轩辕剑》《仙剑奇侠传》《女医明妃传》《青丘狐传说》等口碑电视剧，捧红了不少年轻偶像。
“僵尸股”中，2015年净利润在2000万元以上的企业，一共有234家，占比6.22%。 不过，经过3个月的思考，冯博士最终还是放弃了在路边擦皮鞋挣2万元的想法，并于1990年3月，拉着王功权去了老牟的南德集团。
<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.
除卡乐比之外，还发现日本养命酒(YOMEISHU)、新瀉大米等疑似来自核污染区的日本产品，虽已被阿里平台全面清查，但仍在一些平台有销售。 看完这个广告，你觉得RIO卖的是酒还是瓶子? 既然是耍酷道具，这种道具就不能太多，如果满大街都是，而且良莠不齐，原来的消费者就会厌倦这种道具，进而选择新的道具。
<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.
document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。 2011年，腾讯推出微信，时任网易总编辑的唐岩想做一款社交产品，他带着产品的思路向丁磊要100万美元的前期投入时，丁磊拒绝了。
<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>
将注意力引导到特定元素 留白让留白所包围的元素显得更加突出，如果你想让某个元素从整个设计中脱颖而出，用留白来突出它是最直接的办法。
<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 糖心VLGO官网 whenever practical.
到1993年注册万通集团，将战略重点转移到北京时，公司已经赚到3000万。 毕胜说，这次聊天对决定创业影响很大，“世界那么大，个人那点小纠结算什么，你就干吧，就算不成又能怎么地啊。
<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>