天津分公司简介

湖北营

团队超级厉害，大家齐心协力，朝着共同的目标努力奋斗

湖南分

我们始终秉持着热情、真诚、专业的服务态度，以微笑迎接每一位客户。用心倾听他们的需求，给予耐心的解答和贴心的建议。以诚信为本，遵守承诺，赢得客户的信任。还可以通过优质的售后服务，增加客户的

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

• 安徽分公司员工团建
• 贵州营业部服务理念
• 陕西营业部项目推进情况
• 河北营业部项目推进情况

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

合作伙伴

成功的投资依赖于准确的市场预测、专业的团队和科学的决策流程。亲爱的小伙伴们

• 北京分公司业绩捷报
• 辽宁分公司诚聘英才
• 吉林营业部诚聘英才
• 吉林分公司服务理念
• 辽宁营业部企业负责人
• 湖南营业部企业负责人
• 青海营业部财务报表
• 重庆分公司员工之家
• 甘肃分公司具体地址
• 海南营业部项目推进情况
• 青海分公司财务报表
• 辽宁营业部项目推进情况
• 湖北营业部项目推进情况
• 山东分公司员工之家
• 海南营业部财务报表
• 宁夏营业部财务报表
• 内蒙古营业部企业负责人
• 天津分公司员工之家
• 北京营业部财务报表
• 天津营业部员工之家
• 安徽营业部员工之家
• 青海分公司服务理念
• 福建分公司诚聘英才
• 上海分公司服务理念
• 重庆分公司员工团建
• 重庆营业部员工团建
• 山东分公司企业概况
• 吉林营业部项目推进情况
• 湖北营业部业绩捷报
• 云南分公司员工之家
• 浙江营业部服务理念
• 江苏分公司企业负责人
• 湖北营业部诚聘英才
• 青海营业部员工团建
• 天津营业部具体地址
• 湖北营业部财务报表
• 四川分公司产品服务
• 福建营业部员工团建
• 湖南分公司项目推进情况
• 云南分公司企业负责人
• 青海分公司员工团建
• 海南营业部员工之家
• 湖北营业部客服咨询
• 西藏营业部客服咨询
• 黑龙江分公司产品服务
• 安徽营业部财务报表
• 安徽分公司业绩捷报
• 上海营业部诚聘英才
• 安徽营业部经营理念
• 宁夏营业部项目推进情况
• 浙江营业部项目推进情况
• 甘肃分公司业绩捷报
• 西藏营业部员工之家
• 福建分公司员工之家
• 浙江分公司经营理念
• 贵州分公司产品服务
• 安徽分公司经营理念
• 陕西营业部企业概况
• 四川营业部诚聘英才
• 海南营业部业绩捷报
• 江苏分公司企业概况
• 广东分公司企业概况
• 广东分公司财务报表
• 河南分公司项目推进情况
• 上海分公司诚聘英才
• 陕西营业部经营理念
• 山西分公司业绩捷报
• 辽宁营业部员工之家
• 云南营业部服务理念
• 云南营业部项目推进情况
• 广西营业部企业负责人
• 湖南营业部客服咨询
• 内蒙古营业部财务报表
• 山西营业部企业负责人
• 宁夏分公司服务理念
• 浙江分公司业绩捷报
• 广东营业部经营理念
• 安徽营业部员工团建
• 吉林分公司员工之家
• 广西营业部诚聘英才
• 黑龙江分公司服务理念
• 海南分公司服务理念
• 辽宁营业部客服咨询
• 新疆分公司产品服务
• 湖北分公司服务理念
• 河北营业部诚聘英才
• 福建分公司业绩捷报
• 黑龙江营业部经营理念
• 重庆分公司经营理念
• 西藏营业部企业概况
• 河南营业部项目推进情况
• 内蒙古营业部业绩捷报
• 吉林营业部经营理念
• 贵州分公司项目推进情况
• 浙江分公司员工之家
• 新疆营业部员工之家
• 江苏营业部企业概况
• 新疆分公司员工团建
• 河北分公司客服咨询
• 云南分公司项目推进情况
• 新疆营业部诚聘英才
• 四川营业部经营理念
• 北京营业部客服咨询
• 北京分公司产品服务
• 北京分公司服务理念
• 浙江营业部业绩捷报
• 河南分公司企业负责人
• 江西营业部企业概况
• 宁夏营业部员工之家
• 内蒙古分公司客服咨询
• 安徽营业部产品服务
• 浙江分公司项目推进情况
• 西藏营业部经营理念
• 安徽分公司产品服务
• 云南营业部业绩捷报
• 新疆分公司服务理念
• 安徽分公司项目推进情况
• 安徽营业部服务理念
• 陕西分公司业绩捷报
• 河南营业部财务报表
• 青海营业部服务理念
• 福建分公司企业概况
• 天津营业部客服咨询
• 辽宁营业部业绩捷报
• 四川分公司客服咨询
• 吉林分公司项目推进情况
• 广西营业部员工之家
• 吉林营业部员工团建
• 湖北营业部经营理念
• 福建分公司具体地址
• 青海营业部经营理念
• 青海分公司企业概况
• 辽宁分公司产品服务
• 内蒙古分公司经营理念
• 内蒙古分公司财务报表
• 江苏分公司服务理念
• 山东分公司客服咨询
• 贵州分公司经营理念
• 吉林营业部企业负责人
• 重庆分公司具体地址

企业合伙人

无论是面对面交流还是通过电话、网络沟通，都能感受到我们的热情与关怀。对待客户的问题和困难，我们积极主动地寻找解决方案，不推诿、不敷衍。以客户的满意为出发点，不断提升服务质量。注重细节，从细微处体现我们的用心。用真诚的态

合作伙伴

公司的推广团队还与其他部门密切合作。确保推广活动与产品研发、销售等环节无缝衔接。他们不仅能够提升品牌知名

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