这中间虽然没有利益交换 ,但双方默认的游戏规则是 ,我免费撰稿,平台负责推荐,一旦平台推荐,按不同的推荐等级,能获得不同的收益,一篇被推荐的稿子 ,少则几百 ,多则上千,像企鹅自媒体的推荐渠道,就有QQ浏览器、QQ公众号、腾讯视频、腾讯新闻、天天快报等5个推荐位,几千万的阅读量很轻松。
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).
3亿打造兰会所 、高大上的装修、还有儿子汪小菲和大S的婚姻 ,都让俏江南“餐饮业中的LV”的形象深入人心,张兰也因此功成名就 。 计算公式如下 :网页关键词密度(百分比)=关键字符总长度(关键字符串长度*关键字出现频率)/页面文本总长度如站长工具数据:约0.0117(约1.2%)=165字符(3字符*55次)/14070字符老曹说这些就是想告诉各位,所谓的密度不重要,重要的是你如何把出现的关键词频次能够有效的分布,并且做到自然化 ,超过8%不可怕,可怕的是你过分堆砌。
也许是小时候我父亲经常告诉我 :‘你做的很棒!’可能我就当真了。所以Alex就手把手教我如何打通关系和人脉 。 什么叫微信指数? 相信大家对于百度指数非常的了解 ,百度指数主要反应关键词在百度搜索引擎的搜索热度,即这个关键词的流行度。
怎么看竞争对手? 张旭豪:创业,我们一定要看到对方的优点 ,同时要看到自己的缺点。 读懂新三板找到了这些见光就死的IPO概念股 。 2 、定位错误 ,没有及时转型 刚开始时 ,俏江南的定位还是比较准的,虽然走的是高档餐饮 ,但还是以大众消费为核心 ,很快就成为了家喻户晓的知名企业 。
<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.
我们的短期记忆只有10~15s,即使我们主动去记忆 ,能记下来的信息也不会多太多 。
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.
地图上有三条分路,是充分考虑到了游戏的可玩性之后得出来的结论,一条 、两条所能带来的变化太少 ,四条变化又太多 ,三条看上去比较好,就先试试三条路,没想到,用户反馈确实好。
如果按照此前22.62元的估值计算,所对应的动态市盈率(TTM)高达67.2倍。
能够造就自传播,而不是再用KOL去替你传播。
孔德菁对雷帝网表示 ,厦门是域名之都,早年厦门的IDC领域比较活跃。
所以 ,学而不习,学而不练,学而不实践,就根本不算是学习。
药给力曾因为投资机构的意见多次调整自己的BP ,而没有考虑这是否符合自己创业的初衷 。
<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.
它像一把双刃剑,既给崇尚高效的移动互联网商业模式带来巨大挑战 ,也给像RailYatri这样的创业公司提供了用信息化和大数据手段解决问题的商机。
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.
比如编剧公司派乐传媒 ,创作了热播剧《孤芳不自赏》,这家公司获得了湖南广电旗下芒果文创基金过亿元的A轮投资 。
<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.
今日头条拿下了中超联赛短视频3年版权,并与芒果TV 、《2017快乐男声》达成合作,着力拓宽平台短视频品类 。老板自己做,自己了解重视了,不管是招人还是内部调动人员都不是问题
所以对有些人来说 ,创业就像一场赌博 。
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.
招股书数据显示 ,截至2014年、2015年末和2016年末,公司存货分别为5745.71万元、5437.59万元和1.33亿元;同期应收账款余额分别为1.28亿元 、2.28亿元和3.46亿元 ,占当期营业收入的比例分别为33.50% 、36.86%和44.77% 。
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.
那么,杨国强领导的碧桂园为什么能像卖白菜一样卖别墅?杨国强强在哪里? 首先,拿地 、设计、施工一条龙。 除此之外,张兰还喊过不少口号,一会要做餐饮业的LV,一会说要成为世界五百强……至于结果如何,大家也有目共睹。
首先 ,友友用车的汽车全部都是通过租赁而来 。 鼎晖创投在众星捧月当中崛起,也同时随着这些人的离去而散开。
# | 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.
第三,经济下行期,很多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.
2013年10月31日,永安自行车完成股份改制。如此庞大的产业规模和较高增速 ,一个重要原因来自于消费趋势的变化。
<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.
冷静下来的他重新审视了乐淘的商业模式和盈利能力 ,在他想明白了两个问题后,突然觉得“眼前一黑”。但每每提起这一点,吴奇隆总把这部电视剧当成互联网化的典型案例 。
张颖 :B轮吧,估值应该在1亿美金以下? 张旭豪 :5000万美金 。
<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.
5.3产品核心功能分析 5.3.1简化的王者峡谷对战模式 每个玩过《英雄联盟》的玩家进入了《王者荣耀》的第一句话一定是说:“我X,怎么和lol这么像”,是的 ,当你心里想着这句话的时候,《王者荣耀》团队的目的就已经达到了,他们就是希望每一个在电脑端玩过《英雄联盟》的玩家都能够无缝接入《王者荣耀》这个游戏,从而获得第一批的核心用户 ,就像当年无私的QQ给微信导流一样。 传统企业在互联网冲击下越过越艰难,涉足互联网也好,微电商也罢 ,别想大而全啥都做 。
document.writeln('关注创业、电商 、站长,扫描A5创业网微信二维码 ,定期抽大奖。”document.writeln('关注创业、电商 、站长,扫描A5创业网微信二维码 ,定期抽大奖。
<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.
创业所提供的服务或者产品需要在使用当中不断被检验才能够立足,单纯的情怀只能被用来当做消耗品牌背书的营销 ,用一次少一次 。去年惊艳全球的小米MIX的立项是在2014年 。
<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.
不过,王功权根本弄不明白什么是C2C拍卖网站 ,他就叫来IDG的章总,哪知道章总也不太明白 。 杨宁就没这么幸运了 ,他第二次踏进了同一条“河流” 。
<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.
类似的故事可以编出很多,每一个都能在创业公司里找到相似场景: 比如,你可能在谋划着新版本的产品上线 ,尝试让产品体验得到优化,然而办公设备的老旧支撑不起新系统的运行,新的团队也因为办公设施的陈旧而迟迟无法招聘到位 ,当你费时费力地完成一轮采购和更新 ,原有的风口可能就这样溜走了…… 或者 ,你因为焦头烂额的赶进度 ,试着在竞品出手前上线新功能 ,然而你却无暇顾及糟糕的办公环境 ,前来拜访的客户因为公司的简陋和不讲究,暗暗在心里扣除了印象分,当你费时费力地完成一轮采购和更新 ,竞品的相似功能可能就这样跟进了…… 有一个创业圈里的一个经典段子。此外,厦门是非常漂亮的城市,环境好 ,对人才吸引力强。
<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.
但值得注意的是 ,梓橦宫原本的估值被炒的太高了。 《王者荣耀》上线后的一个最重要的改进方向就是增加社交的可能性,打通安卓、IOS的连接 ,增加像“微信好友”“LBS荣耀战区”“附近的人”“死党、恋人系统”等等一系列MOBA端游甚至大部分手游里并没有的社交功能 ,而且这些社交功能基本上都是为了现实生活中的社交而设计的。
<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.
如果企业打算引进做市商的话,那就得重点关注了 ,毕竟做市商手里的股票可没有限售这一说
<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>