因为相比其他人,他们对自己更感兴趣。
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).
我们的短期记忆只有10~15s,即使我们主动去记忆,能记下来的信息也不会多太多 武汉乐百龄生物科技公司张经理介绍称,其公司最好销售的地区是在上海,当场销了200万。
群脉SCRM新媒体解决方案 新媒体中的佼佼者——独树一帜的“一条” 一条 如上所述,“一条”正是在此趋势下应运而生,在微信公众号上以每天八条的节奏,发布原创短视频,其以镜头缓慢,趋于静态,强调布景与摆设的杂志化视频,明显区隔于其他视频节目。 而挤掉泡沫之后,短视频行业将进行分化: 头部内容凭借自身囤积的流量池,能吃到足够的广告转移红利; 许多腰部内容和垂直大号会转向电商等尝试; 很多没能成势、起家就是小型影视制作公司的PGC团队会退回到原有单纯的内容制作方角色给人打工度日; 挤不进以上三类“生存者”行业的团队,只能沦为炮灰。 结语 细节之中藏有魔鬼。
2017年《西游伏妖篇》上映迎战春节档,电影发行的形式变得越来越数据化,涉及大数据精准营销、核心观影人群抓取、电影内容全方位深度运营等。那么共享单车这个新兴市场如何开始发展的?未来又将何去何从呢? 一、共享单车创业 在共享单车行业中,摩拜单车和OFO可以说是其中的代表之一。 现场Q&A Q1:想问一下几位嘉宾,怎么看待区域化的互联网媒体,它存不存在区域化的问题? 左志坚:去年开始众筹做完B轮之后,大概投资了八个区域的公号,我们认为本地内容变现其实是效率最高的,我觉得本地尤其是生活类的媒体能直接形成商业闭环。
<p>...</p>
Make a paragraph stand out by adding .lead.
其他公司的情形甚至比百润股份更糟,华商韬略(微信公众号:hstl8888)总结如下: 黑牛食品在狂奔了九个月后迎来黑暗时刻,预调酒项目净亏损1.59亿元,总裁吴迪年离职,后来黑牛将食品饮料业务全部剥离,变成一家壳公司。” 毕胜的办公室隔壁,曾经有个很大的供应商,他磨了7个月也没有结果。
<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.
辨析:吴没有明说,但是联系上下文大概可以看懂,意思是平台出于自己的需要,在吹这个风,在把创业者往坑里带。
还有的人,依旧走在创业这条路上,一次次倒下再一次次爬起,只为抓住那看似很近,又很遥远的“成功”。
百度以及百度们的套路,你真看懂了? 现在是新媒体时代了,这个大家都知道。
在发布会上,作为出品人之一的吴奇隆自称,为了筹集投资,他都快疯了。
2013年底到2014年年底,小米空白的历史中也留了下三大未解之谜。
1991年圣诞节前夕,张兰怀揣着打工挣来的2万美元和创业梦,乘上了回国的飞机。
<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.
1961年,王功权出生于吉林公主岭九局子屯,那是一个四、五十户人家,不足500人的美丽小村庄。
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.
采用指标:总阅读数R、平均阅读数R/N,最高阅读数Rmax,总点赞数Z,平均阅读数R/N,最高阅读数Rmax,总点赞数Z,平均阅读数Z/N,最高点赞数Zmax,点赞率Z/R。
<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>.
」但是,如果我告诉你,现在一些顶级的风投公司,其实会同时采取两种不同的估值方式,比如Powerlaw和Downtohearth,你会不会有一些惊讶呢? 在SaSSy的这个例子上,VCOldschool是采取最为保守的估值方式,它就按照现在公司目前的收入做估值基础,确定了一个收购价,甚至还愿意比这个价格更低一些。
<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.
2008年,他看上了香港邵氏在清水湾价值54亿港币的土地,最后以125亿的价格将清水湾4个地块收入囊中。 于是当路人们聊起创业这件事的时候,频繁提起的几个关键词基本都与金钱挂钩。
” 那么这个求职季,决定重新开始的他们,又经历了什么? 这就要提到有过创业经历的创始人找工作时需要考虑的第二个问题:大公司or小公司? 2016年,资本市场的回归理性也让无数情怀膨胀的创业者们看清了现实。
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.
网站3月收入为14.28亿日元,支出为13.99亿日元,第一次实现了单月盈利。
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.
几个合伙人清算了资产、各回各家。曾经创业大赛排名靠前的企业,几年期间消失不见。
超级App的快速发展,其实已经成为内容创业非常好的土壤。姚剑军对雷帝网表示,最难的还是寻找方向,比如飞鱼团队最早做站长之家,2002年开始做,一直到2008年才正式转向做游戏。
| # | 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.
你常说的:今天很残酷,明天更残酷,后天很美好,可是你并不知道,大多数人死在明天晚上,看不到后天的太阳。” 聚集了一流的人才之后,Joe、彼得、Alex和Steve等人分头努力,终于突破了持续四年的技术、客户、人才、收入多个问题交织的危局。
| # | 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.
document.writeln('关注创业、电商、站长,扫描A5创业网微信二维码,定期抽大奖。而且,取消新闻源也不见得真对这些“钉子户”有多大影响,VIP俱乐部摆明了是个特权,就不能因为某些原因特事特办吗?既给足面子不伤害感情,又能变相激励一把,简直完美! 绕了这么多,总体来看,百度取消新闻源这事实际上并不像预想的那样猛烈,说是个胡萝卜加大棒的玩法也不为过。
<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.
不过更多的“僵尸股”复活后依旧是协议转让,但是,一旦抓住“优质僵尸”,尽管二级市场的股价没有反应出来,默默享受企业成长带来的喜悦会比二级市场股价直接带来的差吗? 这里有2017“僵尸股”top100名单,和你要关注的点! “僵尸股”里也能淘金,是不是动心了?读懂君已为你备好了成长性最好的100家“僵尸股”。所以,要说百度不是“套路王”,你能信? 晓枫说,游走在科技与人文之间,新浪创事记、虎嗅、百度百家、砍柴网、搜狐、艾瑞、品途等专栏作者,联系请加个人微信angaoeng。
以至于我现在提交时都已经准备好了被拒绝,如果你突然让我通过了可能会吓到我间接性精神不正常。
<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.
”在拍摄《墨攻》期间,剧组结束工作之后,吴奇隆经常约钱小豪一起打机(打游戏)。 2016.5.11 新增战队赛玩法,排位赛全段位开启无人排位功能,新增迷雾模式,新增更多装备。
是啊,IDG有庞大的研究支持系统,能对业界动向做出深入分析,而王功权就是老哥一个,说白了就是一草台班子。 总的来说,留意这么几点吧。
<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.
雷军让他干电商 出生于1974年的毕胜,20多岁时就担任了李彦宏的助理和百度的市场总监。道理很简单,一场路演活动放在北京或上海可能稀松平常,但在那些不常能够见到明星的城市,往往能够形成全城轰动的新闻事件。
<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.
然而,只要稍微算一算,我们就能知道,它根本经不起推敲。 以一个不可思议的实际案例来佐证印度移动互联网超英赶美的发展速度:印度首富穆克什安巴尼(MukeshAmbani)创立的新公司“RelianceJio”在2016年投入运营。
<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>
一位做了两年号的朋友告诉我,如今广告分成没以前那么好赚了,去年百家号刚开始推广的时候,补贴非常丰厚,他一篇稿子最多能赚6000多块的补贴分成,但现在,正常情况下,一篇稿子赚到1000多块钱已算不错了。
<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精产国品免费入.
糖心VLGO官网 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.
这一点在网络大电影和网剧的制作方面体现得尤为明显。 创始人刘飞坦言,2017年的愿望是做成最大的短视频机构,他也提到,短视频之外甚至也可能会出品网剧、网络电影等品类。
<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>