甘肃营业部简介

所属行

加强团队建设，培养更多优秀人才，为公司注入源源不断

pdc

我们公司那可是有着超级强大的研发能力和创新能力哦！首先，公司拥有一支顶尖的研发团队。他们都是各个领域的专家，充满激情和创造力。不断探索新的技术和理念，为公司的发展提供了强大的支撑。在当今

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

pd

四川营

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>

pdca循

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>

pdca循环

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>

pdca

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>

pdca循环管理法

Examples of standard form controls supported in an example form layout.

pd

他们还注重员工的培养和发展，为员工提供了广阔的晋升空间和培训机会。分公司的强大不仅为总公司的发展做出了重要贡献，也为当地经济的发展注入了新的活力。总之，分公司

在处理复杂问题时，售后团队能够迅速组织力

<input type="text" placeholder="Text input">

pdc

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>

pd

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>

pdca循环

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

pdca

<input type="text"><span class="help-inline">Inline help text</span>

pdca

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

pdca循环管理法

这种趋势表明企业的产品或服务受到市场认可，具备竞争优势。同时，也反映出企业的运营管理高效有序，能够有效应对市场变化和挑战。好的业绩趋势为企业带来更多机

pdca

在这样的公司里，我们都充满了干劲儿，想要为公司的发展贡献自己的力量。让我们一

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

pdca循

无论是面对面交流还是通过电话、网络沟通，都

这里的交通十分便利，多条公交线路贯穿

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

pdca循环管理法

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