02 天时、地利、人和，小米创业之初这三条全占了。
02 天时、地利、人和，小米创业之初这三条全占了。
其次是资金规划的问题，其实没知名度的品牌没必要搞的这么大而全，反而把资金分散了，多出很多不必要的开支，在不影响效率和品质的前提下能砍掉的成本全部砍掉，钱花的不在多，而在花的对不对，花出去的钱有没有价值，要做小而精，精兵简政! @昭惹：写个品牌定位和运营思路看下吧。
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).
对于创业公司来说，BAT既是资金雄厚的金主，也是拥有流量以及丰富业务线的互联网巨头，可以帮助创业者迅速打开市场。 两季播放量突破22亿，节目相关微博话题阅读量也直逼24亿的网综《火星情报局》正是运用了第三阶段的方法，为冠名商带去了逆天的广告效益—“一叶子面膜”是《火星情报局2》的首席冠名商。
在必然性下，正面地面对竞争是非常重要，没有什么可以害怕的。 什么是网络营销?什么是全网营销?大家可以百度脑补，守护袁昆根据大家做的互联网平台，发现常规的7种(不包括电商平台)：官网SEO，博客，行业网站论坛(包括B2B推广)，媒体网站(包括自媒体)，搜索引擎产品，视频直播，微博微信。 “友友的业务关闭了?” “对，业务关闭了，明天早上公司会有正式通告，可以看通告，我现在确实不方便。
如果我只懂影视剧，不熟悉游戏，怎么会有后来《蜀山战纪》影游联动的案例?” 身边不少朋友看不懂他的投资逻辑，每次往一个陌生领域投钱的时候都觉得他傻，在不断烧钱，劝他老老实实做影视剧多好，风险小，报酬高。比如知乎之前的生产者已经开始往PGC靠拢了。 永安行自行车方面希望，在未来3-5年内，在目前210个左右市县的基础上，努力将布局市县增长到350个左右，布局公共自行车(含无桩共享单车)200万辆左右，用户从目前的2000万人增长到5000万人。
<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.
政客们也需要niconico 相当一部分人还留有“niconico=二次元=狂热御宅族”这样的刻板印象。
“70%的用户需求还是只能通过B2C的方式来实现，B端有大量的自有车辆，最主要的是，能提供稳定、标准化的服务。
这批企业2015年平均营业收入达到了4.64亿元，平均净利润达到了4251万元。
“在北京，牌照这个东西，政府一般会颁给的有背景的企业。
市场上价格几万的奢侈品包，生产成本只有几百元，中间环节以及品牌溢价造成了100多倍的加价，而必要商城的目的就是打掉中间流通环节、打掉库存，根据用户下单进行生产，让不在意品牌的消费者，用白菜价享受到奢侈品同样品质的产品。
拉卡拉在申报稿中表示，剥离出去的公司主营增值金融等业务，其发展面临着未来监管政策的不确定性。
<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.
理清关系 相互靠近的元素会在视觉上给人以相互关联的感觉，而这种视觉的远近上的感知，通常是借助留白来呈现的。
<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.
解决人们“送礼不知送啥好”的难题，项目上线8个月就吸引1000万用户注册。 张颖：B轮吧，估值应该在1亿美金以下? 张旭豪：5000万美金。
从PC时代的凤凰沦落到新媒体时代的“落汤鸡”，百度太需要存在感来证明自己并不落伍并没被淘汰了，所以百度从推出百度百家，再到推出升级版百家号，火急火燎、雷声轰轰地在移动端折腾了半天。
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.
比如福建做鞋，做服装的，一做，身边一个村子，一个城市都来做。
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>
txvlogcom糖心官网网站 Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.
半年以后，王公权被一位朋友拉去硅谷参加一个5000多人的互联网展示会，他一下子被迷住了。 九、最后的总结 由于需要调研整个手游市场，所以我下载玩了很多的手游，但我发现的一个最主要的问题是，手游里面的好游戏真的是太少了，相比于端游动则几百人的游戏团队，在手游方面即便是一百人的团队都算的上是大制作了，而《王者荣耀》从立项开始，就有将近150人的团队，这也注定了他们生产出来的游戏不会烂到哪里去，在保证了游戏本身质量过关的前提之下，只要你能够深刻的洞察到手游用户最根本的特点，同时结合自身无论是技术还是平台的优势，你就能够生产出一款受欢迎的游戏。
而他却有着“一意孤行”的行事风格： “我和投资圈的交流并不多，有合作当然是好事，没有也没关系。 老话题：传统媒体和媒体转型 纪中展(知识分子)：传统媒体人在这轮的新媒体创业和内容付费中并没有优势，(传统媒体的经历)甚至成为束缚。
| # | 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.
上市的热乎劲还没过，杨国强又搞出了大动作。药给力曾因为投资机构的意见多次调整自己的BP，而没有考虑这是否符合自己创业的初衷。
<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.
这当中不仅包括用户将动画素材重新剪辑以后的MAD，还包括各种翻唱视频、舞蹈视频。 网易一心一意埋头游戏的那几年，中国互联网翻天覆地。
雷军曾经总结自己做小米最大的成功就是顺势而为，而当年他在金山，最喜欢做的事情就是逆流而上。
<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.
这至少可以带来三个好处： 创造可教的观点的过程，可以帮助人们成为更好的领导者，让他们从日常运作中抽身而出，进行反省，更好地理解自己隐藏的假设，更好地理解组织，理解一般意义上的商业。比如货币，货币是基于国家的信用，为实体经济服务，如果没有货币，实物的交换就没办法进行。
后来才发现，其实游戏里隐藏有商业价值。 其实同样具有UGC优势的还有豆瓣，豆瓣电影的评论区一直是一大看点，但豆瓣投放出来的地铁海报没能结合这一点，文案十分平淡，甚至有点过于“文青”，让人难以理解。
<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.
不过，这些企业净利润增幅大的主要原因是基数比较小。因为我们要考虑到的不仅是会对我们自己产生影响的经济和理性因素，还有一切发挥作用的社会因素。
<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">
糖心VLGO官网 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.
三、共享单车前景 大家都可以清晰体验到，共享单车项目的火热是源于与Uber、滴滴的类比，既然汽车可以“数字化”为地图上的一个点，实现车辆与乘客的实时动态匹配，那么单车也未尝不可。在开发过程中，杨国强自己的建筑公司承担了集团一半以上的建筑项目。
<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.
根据读懂新三板研究中心的数据，截止2016年3月16日，新三板共有1700只“僵尸股”，其中1018家企业没有流通股，682家企业有流通股。他们认识很多圈内投资人，可是真到自己创业，却发现人情牌并不好打，两个月几十份BP发出去，没有一家愿意投。
<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">
糖心VLGO官网
.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 心糖VLOG视频免费观看甲子影视 whenever practical.
有媒体整理了导致曾经市值一度高达2000万美元，在2011年占全球智能手机市场份额25%的HTC，落到如今这步田地的几个原因，概括起来大概有四点：专利起诉制约，缺少核心技术，应对市场不灵活，长期被供应商运营商掣肘。 可教的观点能够确保信息在组织上下统一传递，让上下层级的领导人讲述同样的故事，让每个人向着共同的目标前进，遵循共同的价值观，推进组织的学习和变革。
<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>