新疆分公司简介

行业地

在我们的公司，企业文化不仅仅是一句口号，而是一种深

企业日

我们的企业愿景是成为行业的佼佼者，不断创新进取，以卓越的产品和服务满足客户需求。打造积极向上的团队氛围，实现员工与企业共同成长。持续创造价值，为社会发展贡献力量，成为备受尊敬的企业。财务

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

5s管理 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>

kpi管理 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:

• 管理人员课程培训
• 综合管理能力
• 管理人员培训
• 生产管理培训班

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

6s管理制度.img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.

企业经营

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

• 企业文化管理
• 企业培训制度
• 企业家课程
• 企业管理培训公司排名
• 现场6s管理
• 6西格玛管理
• qc质量管理
• 培训管理制度
• 车间现场管理
• 5s管理培训课程
• 企业总裁培训
• 上海企业管理培训
• 管理干部培训方案
• 5s管理看板
• 质量管理咨询
• 团队管理培训班
• 精益六西格玛管理
• 团队管理培训课程
• 库存控制与仓储管理
• 现场管理5s是指什么
• 公司员工培训
• 经销商管理
• 时间管理课
• 研发管理流程
• 企业6s管理培训
• 团队管理能力
• 财务管理课程
• 企业培训方案
• 企业管理顾问
• 管理世界官网
• 企业战略管理培训
• 精益管理的五大原则
• 5s管理内容是什么
• 企业培训的目的和意义
• 咨询管理
• 企业管理咨询服务
• 精益生产咨询公司
• 广州管理咨询公司
• 企业精神口号
• 企业现场管理准则
• 教育机构的企业文化
• 品质管理培训
• 薪酬管理培训
• 研发项目管理
• 企业培训系统
• 企业家文化
• 安全目视化管理
• 怎样管理好一个班组
• 企业咨询
• ipd管理体系
• 企业文化宣传
• 企业培训公开课
• 精益质量管理
• 公司经营管理
• 班组管理培训
• 管理看板
• 8S管理
• 客户关系管理培训
• 人力资源咨询公司
• 5s管理流程
• 策略管理
• 新生代员工管理
• 运营管理培训
• 目标管理五要素
• tqm全面质量管理
• 生产管理培训
• 资产管理培训
• 管理咨询培训
• 企业股权激励培训
• 深圳企业培训
• 销售咨询公司
• pdca循环管理
• 管理培训机构
• 团队管理培训
• 品牌管理咨询
• 六西格玛管理案例
• 非人力资源的人力资源管理
• 人力资源管理培训师
• 什么是5s管理
• 营销策划管理
• 生产计划与排产管理
• 战略品牌管理
• 研发质量管理
• 提高管理能力
• 企业管理杂志
• 薪酬管理咨询
• 企业口号
• HR管理
• 咨询企业
• 广州企业培训
• 现场5s管理
• 公司培训计划方案
• 企业管理咨询机构
• 企业培训公司
• 管理学培训课程
• 班组设备管理
• 精益管理的六大要素
• 流程管理培训
• 6s管理的基本内容
• 企业现场管理
• 压力管理
• 企业管理培训课
• 咨询管理公司
• 绩效管理体系设计
• 公司管理是什么专业
• 精益管理心得体会
• 6S现场管理
• 管理培训企业管理培训
• 生产管理的意义
• 管理课程
• 6s管理是什么
• 工程项目管理培训
• 生产管理课程
• 生产成本管理
• 精益管理咨询
• 企业管理
• 公司文化建设
• 企业的培训
• 零缺陷管理
• 管理咨询
• 班组管理
• 销售管理培训课程
• 过程管理
• 文化管理
• 形迹管理
• 什么是企业管理
• 企业税务
• 工厂管理咨询
• 企业文化建设
• 业绩管理
• 企业培训网
• 办公室5s管理
• 5s管理咨询
• 全面成本管理
• 绩效管理循环
• 企业管理创新
• 薪酬管理体系
• 办公室5s管理制度
• 管理类培训
• 生产现场管理与改善

企业日常

能够及时获取最新的科研成果和技术信息。公司的研发能力和创新能力让我们在市场竞争中脱颖而出。成为行业内的佼佼者。我们将继续保持和提升这种能力。为客户带来更多的价值，为公司的未来发展奠定坚实的基础！我们还懂得不断创新，紧跟

企业基本

我们的企业，拥有一个美好而令人振奋的愿景，犹如璀璨星辰，照亮前行的道路。企业愿景是成为行业的领军者，以卓

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