营业部简介

项目推

我们公司那令人称赞的工作环境！一踏入公司，就能感受

山西营

公司的推广团队还与其他部门密切合作。确保推广活动与产品研发、销售等环节无缝衔接。他们不仅能够提升品牌知名度，还能增加产品的销量和市场份额。以满足他们的需求，超越他们的期望。通过不断创新和

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

生产6s管理

工作之余，企业也组织各种活动，增进员工之间的

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

生产6s管理

我们还与高校、科研机构等开展合作，共同进行前沿技术的研究和开发。公司的创新不仅

<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>

生产6s管理

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>

生产6s管理

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>

生产6s管理

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>