联系我们

湖北分

公司还在不断加大研发投入，推出更多创新产品，满足市

重庆营

我们公司的产品那可真是拥有强大的核心竞争力啊！首先，咱们的产品在市场上独树一帜。它具有独特的功能和特点，能够满足客户的特殊需求。而且，研发团队那可是超级厉害的！他们不断创新，不断改进产品

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