厕所视频tube若怒-合川市
这一点在网络大电影和网剧的制作方面体现得尤为明显。
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).
天猫的直通车 、钻展 、活动之类的才是他最大的中间商 。 需要特别说明的是，2015年上半年的高增长并非市场井喷所致 ，而是刘晓东为赢得巴克斯酒业对百润股份的对赌协议 ，在零售终端没有下订单的情况下 ，把产品“提前灌装” ，然后卖给经销商 。
本身饿了么很争气业务也很好，我就游击队帮帮忙 。 但天有不测风云 ，就在这时 ，张兰的弟弟因为意外去世 ，张兰从小照顾着这个弟弟长大 ，在湖北插队时还抓青蛙给弟弟吃 ，后来两个人又一起开阿兰餐厅 ，可谓一起走过了不少艰难岁月 。 对创业者关于股权融资协议的一些建议 一、投资人跳票怎么办 投资意向书 ，与条款清单(Termsheet或TS)其实是一个君子协定 ，并不是合同 ，经常有尽职调查结束后 ，投资人爽约的事情。
观众互动产生的群体感 、讨论感 、共鸣等，成为了作品本身的重要“内容” 。但是如果你有一个大型网站，有许多的页面或者文章 ，那么使用像GoogleAnalytics这样的工具来获取和审计每个页面的URLs就显得相当有用了 。 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.
“制片人”吴奇隆 吴奇隆应该是明星中读网文最多的艺人了 。
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 important
The following snippet of text is rendered as bold text.
<strong>rendered as bold text</strong>
For emphasizing a snippet of text with stress
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.
*** 我们目前对“超级预言家”进行的研究 ，旨在探究影响人类思维和决策的因素 ，其实我们已不满足于“思维” ，我们正在将研究向思想和大脑深处渗透 。
王功权开始重新审视自己“做房地产必须满身匪气 ，否则 ，企业根本拉不起来” 。
【TechWeb报道】3月20日消息 ，继通达系和顺丰上市之后 ，德邦物流也加快了上市步伐 。
在这种思路下 ，优酷推出“头部版权定制番” 。
(2)对广告主来说 ，投放软文不好选择了 ，但选择非新闻源站也有机会进行优质展示了 。
对于17岁男子 ，他的做法当然不对。
<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.
可以说，王功权是看着360长大的 。
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890 Full Name
first.test@test.com
<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>.
我们看到有些官方的统计 ，从使用时长的角度来讲 ，超级App ，比如说微信 、QQ 、头条 ，他们所占用的用户时间越来越长 ，今年比去年增加了20%以上，而且看起来还会继续增加 。
<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.
- 岩人乐团
- 金沛晟
- 张佑方
- 蔡依林
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- 蔡国权
- 王勇
- 孙逊
- 星际水手乐队
- 嘻哈高校
- 尹熙中
<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.
- 红辣椒乐队
- 张馨艺
- 孙淑媚
- 柏栩栩
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- 陈蓉蓉
- 叶启田
- 张永智
- 三吉里绘子
- 珍纳
- 詹雅云
<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.
- A description list is perfect for defining terms.
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- Etiam porta sem malesuada magna mollis euismod.
- Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
<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.
厕所视频tube若怒-合川市
趴在床边的蒋竹君扭头朝后面看了一眼 ，扭头继续逗着孩子 ，哼哼道 ：“阿佛，你看……你坏爸爸来了……”
没有什么比高购物车放弃率更加令电商沮丧 ，看着那些潜在的客户从您面前溜走 。
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.
因此 ，郑方认为 ，所谓的“脱虚入实” ，脱的虚应该是虚假经济 ，而不是虚拟经济 。 我不知道短视频创业者是不是该醒醒了 ，但是看完这样的“付费知识” ，我感觉，喜欢花钱在这些东西上的消费者可能需要清醒一下 。
厕所视频tube若怒-合川市
在3月11日出席美国西南偏南大会间隙，胡玮炜在接受澎湃新闻采访时表示 ，“关于海外战略的话 ，我们还在学习和探索的阶段 ，摩拜做事情一般都是比较认真的 ，所以我们在产品方面都会打磨得比较精细 。 2016年上半年 ，唐人影视成为崛起于新三板的一匹黑马 ，营业收入为3.66亿元，占据了新三板影视公司营收榜的第一名，并以1.27亿元净利润荣膺2016年上半年新三板影视公司的盈利王 。
| # | 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 follow classes to the .table base class.
因为读懂君看到 ，这些“僵尸股”中隐藏了一大批高成长的优质企业，一旦“复活” ，体内的洪荒之力很惊人 。从2016年6月8日复活到现在 ，公司股价已经翻了接近3倍 。
| # | 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>
厕所视频tube若怒-合川市
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>
<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>
</form>
Included with Bootstrap are three optional form layouts for common use cases.
对此 ，夏野刚在接受采访时说 ：“我们没有与Youtube进行战斗 ，我们并没有与任何其他平台进行战斗。具体筛选的标准是什么?是否有经过评论用户的同意?后续还会有哪些动作 ，为此，新榜专访网易云音乐，了解到这次刷屏营销背后的细节。
<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.
但通过短视频圈住用户，推出付费网剧和网大在王涛看来也是可行的。销售文案一定是很重要的 ，但它不是本质性的事情
” 毕业后弃文从商 ，豪门联姻成家立业 但这样潇洒的日子郑志刚并没有允许自己过多久 ，毕业后 ，他主动放弃文学 ，投身金融行业 ，为接班做准备 。
<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.
赵真阳似乎怕陆蓝岭，顿时就蔫了 ，嘴里不情愿地嘀咕道：“那这些天岂不是无聊死了……明天葬礼结束之后 ，我就住到市里面去……”
现在 ，童剑除了负责三块业务的技术研发 ，还在带团队做前瞻性研究，如深度学习技术 。 另一方面 ，情绪的产生是理所当然的 ，当一个人坚信自己的立场时 ，看到反方立场出现自然会愤怒——虽然我们生活在一个偏见的世界，但我们仍有机会和其他人交流 ，与形形色色的人展开对话 ，“超级预言家”便是这样一群人 。
文化 、价值观落地深刻的感知。 刘伟(致维科技CEO)：通过对于当下女性流行话题的解读 ，给女性很强的代入感 ，引起共鸣 ，引发传播效应 ，突出品牌关注女性的特点 。
<div class="input-prepend"> <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text" placeholder="Username"> </div> <div class="input-append"> <input class="span2" id="appendedInput" size="16" 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" size="16" 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" size="16" type="text"><button class="btn" type="button">Go!</button> </div> <div class="input-append"> <input class="span2" id="appendedInputButtons" size="16" type="text"><button class="btn" type="button">Search</button><button class="btn" type="button">Options</button> </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.
我……我也拦不住她 ，她瞒着我跑到W市偷偷见了陆涛一面 ，没想到陆涛竟然好像变了一个人似的 ，不仅给了她十万块钱，还答应承担蒙蒙的教育经费……
<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.
本批业务剥离开始于2016年10月份 ，IPO申报稿于2017年2月报送 ，究竟应该使用哪个时间节点的数据作为测算标准更?被剥离公司截至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.
<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.
<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>
厕所视频tube若怒-合川市
因为服务全部是通过人来传递 ，非常不好标准化 ，难以管理 ，本质上它是调动主观能动性的事情 。
<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.
Icons by 昌平区
“对了 ，你那边的项目进展怎么样了 ？”陆鸣破天荒关心地问道 。
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.
也没什么别的目的 ，就是来“戳”你心的 ，并且防不胜防 。 营销的确能让更多人知道你的产品 ，但是能够留住顾客 ，就只有实实在在的产品质量 。
<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>