老人一定不是负担,如何用好他要靠你的智慧,这是非常重要的 。
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).
离北京20分钟高铁的廊坊 ,有一家专门做平台号的公司,公司近百人 ,每天产出几千篇文章 ,单个平台每天阅读量1000万保底 ,不久之前百家封杀了这家公司2000个违规的账号,但他们依旧每天开工 ,丝毫没有受影响的迹象 ,可见生命力之顽强 ,利润之高 。友友用车的服务突然停掉 ,没有任何通告 ,也没有可用的联系途径,这让他们担心 :自己的钱会像很多P2P用户一样被创始人卷跑。
感谢关注我的人,再次跪求人艰不拆。但对李宇来说 ,这家经营了3年的公司已经被折腾地够多了,融资、转型 、关停,他们一直在不停地寻找着公司的盈利点和存活策略 ,也在为了追求更好的用户体验 ,逐渐进行退让和妥协 我对「一将功成万骨枯」的增长没有兴趣 。
如果不想融资 ,或者现金流很好的时候,就需要找合适的合伙人 ,帮你把公司能够做的更大 。 虽然张兰与俏江南总是话题缠身 ,但从一个普通人的角度看 ,一个白手起家的女人 ,靠自己的努力,积累一分一毛 ,忍着失去亲人的痛苦 ,从一家小餐馆做到全国二十个省市70家直营店的餐饮企业 ,哪怕里面有不少让人惋惜之处 ,张兰的奋斗史依然值得尊敬 。 无可否认,股权转让现在已经成为基金退出的重要方式之一 。
<p>...</p>
Make a paragraph stand out by adding .lead
.
“我们从2003年真正开始做域名中国 ,到2005年,三年间个人赚了一笔钱 ,后来我想这样形不起气候 ,我说的赚钱不是赚得很多,跟现在比就是太小了。 张颖:看完他们决定自己干。
<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.
他一位难得让长辈们十分放心的千亿帝国继承者 。
同整个APP或者网站的设计相比 ,这些微文案显得微不足道,但是,令人惊讶的地方在于 ,他们对于整个转化率有着巨大的影响。
博客:除了专业的独立博客网站 ,大多数选择新浪 、网易、搜狐 、QQ空间等免费博客。
后来在一次行业论坛上 ,张兰还以十分强硬的口吻和几名投资人说 :我有钱 ,干吗要基金投资啊?我不用钱 ,为什么要上市? 但2008年金融危机彻底改变了张兰的想法。
上市过程中 ,德邦将募集29.88亿元资金投入直营网点建设、零担运输车辆购置、快递车辆及设备购置以及信息一体化平台建设等项目 。
如果你在审计网页时发现网页格式不正确 ,那么你可能就需要重写页面以便与当前的内容SEO标准保持一致。
<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.
时值企业服务热潮期 ,4月1日由创蓝253承办的企业创新与发展专场论坛召开 ,恰逢前一天晚间《最强大脑》节目播出 ,代表中国名人堂战胜海外名人堂的创蓝CEO钛牛登台即引来轰动。
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>
.
蘑菇街CEO陈琪在之后接受媒体采访时也曾指出,微信更多是聊天的场景但没有购物的场景,因此其对于电商平台的业务增长帮助有限。
<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.
无论大小网站 ,基础性的SEO更加重要,不能忽略页面质量SEO ,比如:图片的规范化 、TDK的SEO规范化 、H标签的正确使用、适当文字加粗提权、页面的关键词频次等,更多的都是关键词需求点的页面聚合,形成庞大的站内页面网 ,这样优化的效果会更好! 误区二:此反链非彼外链 站长工具 ,爱站等类似SEO实用性的平台对于新手小白还是有经验的SEOer来说 ,都是必备工具 。在物流配送这件事情上 ,是未来重要的点 。
五 、产品分析 5.1产品功能结构图 5.2产品版本更新路线 2015.8.18——2015.10.26 那时候游戏还叫《英雄战迹》,详细的游戏情况不可考,只知道是主打3V3和闯关、冒险、养成等模式 ,界面长这样 ,总之被《全民超神》各方面碾压,最终回炉重造。
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.
由于投资部和业务部门所属不同事业部,在后期的业务对接上并不如想象中顺利。
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 ,处处都要受制于人,更遗憾的是HTC长期安于现状 ,在后面5年的时间里,哪怕能解决其中的一个问题 ,也不会这么快就败家 。
小米官方的说法是黎万强要去硅谷闭关开发新产品,后来的结果 ,黎万强既没有呆在硅谷,也没有开发新产品,只是剃了了光头办了影展,无疑是打脸了官方的说法 。通过这些数据来综合判定广告位的效果 ,并有针对性的调整页面位置。
# | 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.
六 、产品运营分析 俗话说 ,一个统治级的产品出现需要三架马车,分别是产品、运营以及运气,这一节我们就来分析分析《王者荣耀》这个好的产品形态做出来之后 ,团队采取的推广和运营的策略。 因此尽管中国影视市场增速放缓 ,体现出市场回归理性的趋势,然而有竞争力的新三板企业由于在自己细分市场的优势明显,仍然会受到资本市场关注。
# | 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.
从另一个角度看来 ,当你意识到这些情绪存在时 ,你又会变得理性一点 。 杨国强灵机一动 ,决定建一个教育储备金“想读书 ,先交30万储备金 ,读完书全额退还”。
” 他解释,假如你在一个反恐部门工作 ,目标是掌握恐怖分子的踪迹,以便进行精准打击。
<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.
这种形态非常成熟,可能有百万量级的付费用户 。 高薪挖人的同时 ,黑牛还重金砸营销。
其实,这些所谓的各种思维和理论 ,其本质和原理都差不多,万变不离其宗,只是表现形式有所区别 。注:本文由U传播平台Lady_Jeline原创,如需转载,请注明出处,否则禁止转载!(原文链接 :http://www.uchuanbo.com/article/catid_22/show_173.html)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.
如今,跟风的企业纷纷退场,百润股份仍在收拾残局。 经历过3段创业经历的杨宁每次失败后都会总结原因,并将之转化为经验。
<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.
”王兄也没有吹牛,他先后挖掘出3721的周教主 、创联万网的张向宁,并通过几百万的创始资金就撬动千万美元的A轮 、B轮融资,IDG创投也赚翻了。 离北京20分钟高铁的廊坊,有一家专门做平台号的公司,公司近百人,每天产出几千篇文章 ,单个平台每天阅读量1000万保底 ,不久之前百家封杀了这家公司2000个违规的账号,但他们依旧每天开工,丝毫没有受影响的迹象,可见生命力之顽强 ,利润之高。
<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>
因此,上述三类不太急于上市的公司表面很有吸引力 ,但因为它相当时间内不准备IPO,所以员工呆在这种公司的机会成本很高
<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.
当下,我们在过去10年里累计的上万亿的资金即将在2017年和2018年到期 ,因此,业内人士普遍认为“2017年将成为中国股权转让元年”,国内股权转让市场的春天就要来了。处于转型节点的美丽说在之后引入腾讯作为投资方 ,并接入微信和QQ入口,这被美丽说视为业务增长的重要战略。
<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.
niconico有两个生日,这可能恰恰是这家视频网站的魅力之一 。
<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>