我们早期构建的合作伙伴,几年过去,直到现在还在。
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).
这个曾经名噪一时的智能手机巨头,从之前满载荣誉到现在不得不卖身谋求转型,在一众国产手机的背后仓皇谢幕了事,着实令人唏嘘。document.writeln('关注创业、电商、站长,扫描A5创业网微信二维码,定期抽大奖。
七、短视频IP多元化:个人IP、形象IP、概念IP…… 短视频要想做成IP,大体要经过“某平台大号ID-多平台流量节点-全网IP/爆款”的三部曲。 【TechWeb报道】4月1日消息,P2P借贷平台信而富(ChinaRapidFinance)周五向美国证券交易委员会(SEC)提交了IPO(首次公开招股)招股书,计划在纽约证券交易所上市,股票代码为“XRF”,预计筹资额为1亿美元 但不能否认,《罗辑思维》的论点、对某个历史事件、人物娓娓道来,艺术范儿十足,但是,一个人的能量还是有限的,在后期《罗辑思维》中,“死磕”这个词经常在罗胖的嘴中出现。
我只是想提醒你,特别是正在创业的你,除了融资、增长、下一轮融资、更高速的增长、更多的钱、死掉或者上市卖掉之外,也许,仅仅只是也许,创业还有另外的一条路。 去年秋天,为了吃饭这件事,有一行人做了一个有意思的尝试。 罗振宇的罗辑思维其实是有天花板的,但是如果做成“得到”就好像没有天花板,手艺人罗振宇和包工头罗振宇是不一样的,如果可以找到15个罗振宇,就是15乘过去的收入。
<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.
第四,公司方是如何配合的,会不会配合老股东转让?首先从公司方看一看,作为公司方,他应该可以理解,投资人进来是为了博取以后的投资收益,没有一个投资机构会和公司一直走下去,总是会有退出的时候。
相比起稳定的Youtube,由于系统负荷力不足,niconico系统不稳定的状况极其容易发生。
”nicoico母公司Dwango董事兼成员夏野刚在一则采访中说道:“每个人都可以找到自己的位置。
我们都对经济、历史抱有很强的兴趣,都喜欢宏观思考。
衡量一个关键词在站点是否堆砌的核心要点绝对不是看关键词密度。
而且,其实,吴奇隆对游戏似乎更加情有独钟。
<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.
第一届超会议吸引了9万多人来到现场,347万人观看直播,2016年举办的超会议吸引了15万人到达现场。
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>.
为什么《王者荣耀》最开始要做3V3,并且只有一个野区和一条路?我不相信他们开发游戏之前没有做用户调研,但这看起来真的很难解释,明显用户对于5V5的接受度最高,他们一开始却直奔3V3而去了,但很有可能的是: 他们一开始并不觉得手机端能够凑齐10个人同场竞技,因为本来在手机端玩游戏就很容易受到现实生活和网络的干扰,要是有一个人中途掉线或者网络不好,那么这10个人的游戏体验就都很差; 他们一开始其实想做的是养成类的类似《风暴英雄》的游戏,通过玩家花钱升级英雄属性来盈利,所以3V3是一个养成类游戏中比较好的英雄分路。
<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.
<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.
2011年4月,乐淘跟愤怒小鸟和水果忍者的手机游戏开发商合作,推出了联合品牌小鸟潮鞋,火爆一时。
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.
现在整个对于用户的分析维度、数据整理,都以变现这个角度去考虑。 对于她这么一个应届生来说,我给她开的条件已经算仁至义尽了。
“自己的钱赔了就赔了,别人的钱,赔了要欠人情。 烧了几个月白花花的银子,然并卵,销量还是没有做起来,依然没有销量,没有转化,更没有官方活动,从来没有给过什么自然流量,从来没有给过权重。
| # | 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.
(2)英雄背景的选择思路 《英雄联盟》起源于欧美,它的风格深受欧美游戏风格影响,所以它虚构了一个史诗般的完整的背景故事,所有英雄都是这个故事的延伸,但随后它的用户遍布了整个星球,他们有着不同的价值观和思维方式,却通过这样一款游戏被连接到了一起,所以《英雄联盟》的整个故事和英雄的设定必然要考虑全球的文化水平,为几乎每个地区创作几个代表那个地区文化的英雄,但最终《英雄联盟》还是把所有的这些角色都纳进了它一开始创造的那个背景故事当中。所以,在未来,手游必将往着精品化和重度化方向进化发展,打造出现象级的品牌来吸引用户关注,是手游厂商的最好的出路。
| # | 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.
唯有诚信,能使企业立足市场,稳步发展;也唯有创新,能让企业夯实力量,致胜未来。 “花了2天2夜做了200个公司的分析报告给客户,对方看到第二页就合上了,但是这不意味着你可以不努力。
<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.
” 喜羊羊品牌的一位创始人苏永乐向娱乐资本论透露,跟吴奇隆是十几年的老朋友了,虽然在喜羊羊的项目中参与的比较少,但是对吴奇隆充满了感恩。但2016年上半年,白兔湖营业收入7785万元,同比下降20.93%;净利润49.8万元,同比下降91.49%。
白山要做的是对数据生命周期的管理,和贵安的需求不谋而合。
<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.
而在开店高峰期,加盟店的数量更多,一度近九成为加盟店。 六、尽量减少使用渐变色设计 渐变色容易导致人们视觉产生误差效果,特别跟其他网站混搭使用容易造成视觉障碍,引起人们在视觉上面体验度下降。
如今微信指数也出来子,也自是闲不住的在微信群里与众好友一起研究了一下微信指数的算法,群里有位大神得出的微信指数算法是: 采用数据:总阅读数R、总点赞数Z、发布文章数N、该帐号当前最高阅读数Rmax、该帐户最高点赞数Zmax。 互动百科假词条 百度百科显示,互动百科是全球最大的中文百科网站,领先的社会化知识媒体平台,为数亿中文用户免费提供海量、全面、及时的百科信息。
<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.
得到大股东同意之后,后面的过程会顺畅得多。 第五,VR设备舒适度不够,这属于技术问题。
<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.
有句话叫:出来混,迟早要还的。 2016.9.26 地图风光大更新,战队可以跨服收人,“预约”好友功能,主宰、暴君玩法大更新。
<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.
niconico虽然是在2006年12月12日正式上线的,但它开放给普通用户上传视频的第一天则是2007年3月6日,因此在UP主们看来,这一天才是niconico真正的纪念日。 传统媒体最关键的变现方式可能只有广告,视频。
<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">
糖心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 txvlogcom糖心官网网站.
txvlogcom糖心官网网站 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.
优质原创内容,不再需要进行新闻源的申请,系统将从内容、质量、用户体验等维度判断,对优质内容进行展示 据我所知,在公司化存在的短视频创业者中,至少有50%是正在或将来不排除通过制作服务来赚一点钱的。
<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>