海南营业部财务报表

工厂车

不断优化管理流程，提高运营效率，为公司的持续发展提

企业中

我们的企业文化以坚如磐石的诚信为基石，将勇往直前的创新视为核心驱动力。数据显示，去年团队协作项目的成功率高达 95%，这得益于大家的齐心协力与紧密合作。始终坚持以客户为中心，努力满足客户

<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.

<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.

<strong>rendered as bold text</strong>

企业

For emphasizing a snippet of text with italics.

<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.

山西营业部简

就在城市中心，交通便捷，让你轻松抵达。这里环境宜人，绿树

<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.

项目推进

通过对外投资，企业可以利用国内外的先进技术、优质资源和广阔市场，

<abbr title="attribute">attr</abbr>

山西营业部简介

Add .initialism to an abbreviation for a slightly smaller font-size.

<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:#">[email protected]</a>
</address>

企业年报

For quoting blocks of content from another source within your document.

海南分公司经营

灵活的工作制度也是公司管理人性化的体现。员工可以根据自己的实际情况，合理安排工

<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.

全面质量管理

我们专注于我们的主营业务领域，致力于提供高品质的产品或服务。凭借先进的技术和专

<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>
  &lt;p&gt;Sample text here...&lt;/p&gt;
</pre>

精益成本管理 Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.

我们持续追求革新，以契合市场的动态变化，为您贡献更为贴心、更为便捷的产品服务。择选我们产品，

全面质量管

共同开拓市场，实现互利共赢。我们的服务宗旨是以客户的需求为核心，秉持“用心、贴心、专业、高效”的

<table class="table">
  …
</table>

辽宁营业部客

Add any of the following classes to the .table base class.

企业年报

在面对市场的变化和挑战时，公司具有很强的应变能力。能够及时调整策略，抓住机遇，化危机为转机。而且

<table class="table table-striped">
  …
</table>

湖南分公司业绩捷报

Add borders and rounded corners to the table.

<table class="table table-bordered">
  …
</table>

辽宁营业部客服咨询

Enable a hover state on table rows within a <tbody>.

<table class="table table-hover">
  …
</table>

辽宁营业部客服咨询

Makes tables more compact by cutting cell padding in half.

<table class="table table-condensed">
  …
</table>

企业大事

Use contextual classes to color table rows.

...
  <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.

<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:

• 企业6s管理培训
• 管理咨询顾问培训
• 企业讲师培训
• 服务行业的企业文化

<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.

项目推进

在竞争激烈的市场中，我们的企业同行们犹如群星闪耀。他们各自凭借独特的优势和特色，在行业内

项目推进

不断探索新的技术和理念，将其融入到产品中，使其始终保持领先地位。我们相信

<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">

生产成本管理 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.

企业中层

注重用户体验。在技术创新过程中，始终将用户体验放在首位。最后，

<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>

企业年报

Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only <a> and <button> elements for the best rendering.

企业年报

为员工提供良好的工作环境和发展机会，激励他们充分发挥自己的潜力。企业的越好越好还体现在其社会责任感上。积极参与公益活动，为社会做出贡献，树立了良好的品

企业大事

始终坚持以客户的满意度为衡量标准，不断改进和提升服务质量。通过与客户建立长期

<p>
  <button class="btn btn-large btn-primary" type="button">Large button</button>
  <button class="btn btn-large" type="button">Large button</button>
</p>
<p>
  <button class="btn btn-primary" type="button">Default button</button>
  <button class="btn" type="button">Default button</button>
</p>
<p>
  <button class="btn btn-small btn-primary" type="button">Small button</button>
  <button class="btn btn-small" type="button">Small button</button>
</p>
<p>
  <button class="btn btn-mini btn-primary" type="button">Mini button</button>
  <button class="btn btn-mini" type="button">Mini button</button>
</p>

Create block level buttons—those that span the full width of a parent— by adding .btn-block.

<button class="btn btn-large btn-block btn-primary" type="button">Block level button</button>
<button class="btn btn-large btn-block" type="button">Block level button</button>

企业中层管

Make buttons look unclickable by fading them back 50%.

企业大事

对手难以轻易模仿我们的品牌价值。为了

最近的数据显示，本企业销售情况节

<a href="#" class="btn btn-large btn-primary disabled">Primary link</a>
<a href="#" class="btn btn-large disabled">Link</a>

上海中层管理培训 We use .disabled as a utility class here, similar to the common .active class, so no prefix is required. Also, this class is only for aesthetic; you must use custom JavaScript to disable links here.

企业大事

财务报表是企业财务状况的直观反映，具有重要

我们的企业正蓬勃发展，现诚邀各路英才

<button type="button" class="btn btn-large btn-primary disabled" disabled="disabled">Primary button</button>
<button type="button" class="btn btn-large" disabled>Button</button>

项目推进

Use the .btn class on an <a>, <button>, or <input> element.

<a class="btn" href="">Link</a>
<button class="btn" type="submit">Button</button>
<input class="btn" type="button" value="Input">
<input class="btn" type="submit" value="Submit">

As a best practice, try to match the element for your context to ensure matching cross-browser rendering. If you have an input, use an <input type="submit"> for your button.

在技术研发方面，公司投入大量资源，不断追求技术的突破和创新。

<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.

项目推进

在我们的公司里，管理人性化是一道独特而亮丽的风景线。公司始终秉持着以人为本

• 5s管理流程
• 企业文化精神标语
• 营销管理培训课程
• 文化企业管理
• 质量管理咨询
• 管理培训
• 供应链管理核心
• 5s管理标准
• 企业文化建设
• 班组长管理制度
• 企业培训网
• 合同管理培训
• 生产管理培训
• 班组管理
• 财务管理培训
• 客户关系管理培训
• 绩效管理咨询
• 时间管理培训
• 质量管理师
• 6s管理培训
• 公司管理是什么专业
• 企业目标管理
• 目视化管理含义
• 绩效管理
• 管理咨询有限公司
• pdca循环管理法
• 7s管理标语
• 管理顾问公司
• 基层管理人员
• 员工心理健康管理
• 中层管理培训课程
• 咨询管理
• pmc管理
• 企业培训课程
• 企业经营管理
• 目标管理培训
• spc管理
• 管理人员课程培训
• 绩效考核咨询公司
• 6西格玛管理
• 供应商管理ppt
• 精益生产咨询公司
• 形迹管理
• 压力与情绪管理
• 企业内部管理
• 5s管理咨询公司
• 工商管理培训
• 工厂车间现场管理
• 企业文化宣传
• 店长管理培训
• 企业文化体系
• 标杆管理ppt
• 绩效管理的目的
• 企业中高层管理培训
• 企业培训师
• 6s管理咨询公司
• 目视管理
• 管理者角色认知
• tpm设备管理
• 企业内训
• 企业战略咨询
• 成都企业培训
• 企业培训机构
• 全面质量管理
• 销售渠道管理
• 5s管理
• 管理咨询
• 研发项目管理流程
• 什么是精益管理
• 业绩管理
• 质量管理培训
• 管理者培训
• 绩效咨询公司
• 员工管理培训
• 战略品牌管理
• 研发质量管理
• 绩效管理循环
• 咨询管理公司
• 生产车间5s管理
• 精益六西格玛管理
• 5s管理内容是什么
• 企业文化培训内容
• 企业管理层培训
• 管理故事
• 供应商管理培训
• 乡镇企业管理
• 品牌营销管理
• 企业家培训
• 绩效管理体系设计
• 行政管理培训
• 企业在线学习平台
• 6s管理咨询
• 6S管理
• 企业管理培训机构
• 管理培训网
• 培训与管理
• 广州企业培训
• 企业在线培训系统
• 企业员工
• 管理学习培训班
• 管理者的管理技能
• 郑州培训公司
• 企业内部培训
• 团队管理培训课程
• 人力资源公司宣传语
• 管理技巧
• 企业管理咨询机构
• 企业管理咨询公司
• 企业与管理
• tqm全面质量管理
• 生产部管理制度
• 管理者的技能
• 人力资源咨询公司
• 质量管理的案例
• 精益管理咨询
• 6s管理内容
• 生产车间6s管理
• 教练式管理
• 团队管理培训
• 品牌管理有限公司
• 管理层培训
• 非财务经理的财务管理
• 行政6s管理
• 档案管理ppt
• 车间5s管理
• 培训管理者
• 什么是5s管理
• 质量管理五大工具
• 企业管理培训班哪个好
• 管理者的角色认知
• 薪酬管理咨询
• 研发项目管理
• 安全目视化管理
• 品牌管理咨询
• 生产6s管理
• 精益生产现场管理和改善
• 中小企业管理培训班
• 公司企业文化标语
• 6s管理是什么
• 资产管理培训

项目推进

还与各种媒体和合作伙伴建立了稳固的关系，通过合作扩大品牌的影响力。此外，公司始终保持对品牌的持续投入和维护。不断适应市场变化，更新品牌形象，确保品牌的活力和竞争力。总之，公司的营造品牌能力使得品牌在市场中屹立不倒，并成

企业中层

领导们以身作则，关心员工的成长和发展。公司注重员工的培训和学习，提供丰富的晋升机会。我们还有丰富多彩的员

<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>

现场6s管理 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>