企业主营

辽宁

团队超级厉害，大家齐心协力，朝着共同的目标努力奋斗。业务发展得如火如荼，不断开拓新市场，

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
  <li><a tabindex="-1" href="#">Action</a></li>
  <li><a tabindex="-1" href="#">Another action</a></li>
  <li><a tabindex="-1" href="#">Something else here</a></li>
  <li class="divider"></li>
  <li><a tabindex="-1" href="#">Separated link</a></li>
</ul>

管理

Looking at just the dropdown menu, here's the required HTML. You need to wrap the dropdown's trigger and the dropdown menu within .dropdown, or another element that declares position: relative;. Then just create the menu.

<div class="dropdown">
  <!-- Link or button to toggle dropdown -->
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <li><a tabindex="-1" href="#">Action</a></li>
    <li><a tabindex="-1" href="#">Another action</a></li>
    <li><a tabindex="-1" href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a tabindex="-1" href="#">Separated link</a></li>
  </ul>
</div>

企业

Align menus to the right and add include additional levels of dropdowns.

服务理念

我们的服务理念是以客户为尊，提供贴心、专业、高效的服务

<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel">
  ...
</ul>

四川分公司具体地

Add an extra level of dropdown menus, appearing on hover like those of OS X, with some simple markup additions. Add .dropdown-submenu to any li in an existing dropdown menu for automatic styling.

<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
  ...
  <li class="dropdown-submenu">
    <a tabindex="-1" href="#">More options</a>
    <ul class="dropdown-menu">
      ...
    </ul>
  </li>
</ul>

新疆营

Two basic options, along with two more specific variations.

品质管理5大工

我们始终致力于为员工创造良好的职业发展

<div class="btn-group">
  <button class="btn">1</button>
  <button class="btn">2</button>
  <button class="btn">3</button>
</div>

服务理念

Combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components.

<div class="btn-toolbar">
  <div class="btn-group">
    ...
  </div>
</div>

品质管理5大工具

Make a set of buttons appear vertically stacked rather than horizontally.

<div class="btn-group btn-group-vertical">
  ...
</div>

四川分公司具体地址

Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View 行业地位 for that.

标杆企业考察

公司还注重绿色环保，积极响应国家的环保政策。在生产过程中采用环保材料，减少对环境的污染，为可持续发展贡

标杆企业考察

进一步提升品牌影响力，让更多的人了解和认可我们的公司。加强与合作伙伴的合作，共同开拓市场，

<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

内蒙古分公司简介

Button dropdowns work at any size: .btn-large, .btn-small, or .btn-mini.

管理培训内容

公司通过数据分析和决策支持系统。能够及时了解市场动态

在员工之家，宽敞明亮的活动室里，摆放着各种娱乐设施。员工们或围坐在一起，开心地玩着我们组织的小活动，不时传来阵阵欢声笑语；或

新疆营业部员工团

在我们的公司，有一支庞大而卓越的销售队伍，他们是公司发展的中流砥柱。这支队伍由众多经验丰富、专业素养高的销售精英组成。他们具备出色的沟通能力和敏锐的市场洞

<div class="btn-group">
  <button class="btn">Action</button>
  <button class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

管理

Utilize the extra button classes .btn-mini, .btn-small, or .btn-large for sizing.

<div class="btn-group">
  <button class="btn btn-mini">Action</button>
  <button class="btn btn-mini dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

新疆营业

Dropdown menus can also be toggled from the bottom up by adding a single class to the immediate parent of .dropdown-menu. It will flip the direction of the .caret and reposition the menu itself to move from the bottom up instead of top down.

<div class="btn-group dropup">
  <button class="btn">Dropup</button>
  <button class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

Lightweight defaults Same markup, different classes

All nav components here—tabs, pills, and lists—share the same base markup and styles through the .nav class.

四川营业

还要注重品牌建设，提高品牌知名度和美誉度。

<ul class="nav nav-tabs">
  <li class="active">
    <a href="#">Home</a>
  </li>
  <li><a href="#">...</a></li>
  <li><a href="#">...</a></li>
</ul>

天津营业

Take that same HTML, but use .nav-pills instead:

<ul class="nav nav-pills">
  <li class="active">
    <a href="#">Home</a>
  </li>
  <li><a href="#">...</a></li>
  <li><a href="#">...</a></li>
</ul>

浙江分公司

For any nav component (tabs, pills, or list), add .disabled for gray links and no hover effects. Links will remain clickable, however, unless you remove the href attribute. Alternatively, you could implement custom JavaScript to prevent those clicks.

<ul class="nav nav-pills">
  ...
  <li class="disabled"><a href="#">Home</a></li>
  ...
</ul>

企业概况

To align nav links, use the .pull-left or .pull-right utility classes. Both classes will add a CSS float in the specified direction.

管理培

未来，我们将一起面对更多的挑战和机遇。只要我们团结一心，共同努力，就一定能够创造更加辉煌的业绩！让

品质管理

<ul class="nav nav-tabs nav-stacked">
  ...
</ul>

时代背景

<ul class="nav nav-pills nav-stacked">
  ...
</ul>

四川营

Add dropdown menus with a little extra HTML and the 服务理念.

四川分公司具体

<ul class="nav nav-tabs">
  <li class="dropdown">
    <a class="dropdown-toggle"
       data-toggle="dropdown"
       href="#">
        Dropdown
        <b class="caret"></b>
      </a>
    <ul class="dropdown-menu">
      <!-- links -->
    </ul>
  </li>
</ul>

新疆营业部员工团

<ul class="nav nav-pills">
  <li class="dropdown">
    <a class="dropdown-toggle"
       data-toggle="dropdown"
       href="#">
        Dropdown
        <b class="caret"></b>
      </a>
    <ul class="dropdown-menu">
      <!-- links -->
    </ul>
  </li>
</ul>

辽宁营

A simple and easy way to build groups of nav links with optional headers. They're best used in sidebars like the Finder in OS X.

管理培训网

在当今竞争激烈的商业环境中，一个企业能够

<ul class="nav nav-list">
  <li class="nav-header">List header</li>
  <li class="active"><a href="#">Home</a></li>
  <li><a href="#">Library</a></li>
  ...
</ul>

班组管理培训 For nesting within a nav list, include class="nav nav-list" on any nested <ul>.

时代背景

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

<ul class="nav nav-list">
  ...
  <li class="divider"></li>
  ...
</ul>

管理培训

Bring your tabs to life with a simple plugin to toggle between content via tabs. Bootstrap integrates tabbable tabs in four styles: top (default), right, bottom, and left.

品质管理5大

在面对市场的变化和挑战时，公司具有很强的应变能力。能够及时调整策略，抓住机遇，化

我们的公司，

能够及时获取最新的

当前本行业发展态势良好，

<div class="tabbable"> <!-- Only required for left/right tabs -->
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      <p>I'm in Section 1.</p>
    </div>
    <div class="tab-pane" id="tab2">
      <p>Howdy, I'm in Section 2.</p>
    </div>
  </div>
</div>

标杆企业

To make tabs fade in, add .fade to each .tab-pane.

标杆企业考察

我们的企业文化以坚如磐石的诚信为根本，将勇攀高峰的创新作为核心驱动力。它积极倡导员工保持积极进取的精神风貌，不懈追

企业概况

时代背景

我们的企业拥有强大的竞争力，源自于以下几个方面。首先，

企业创新能力

同时，良好的企业氛

科学技术的领先也为公司带

<div class="tabbable tabs-below">
  <div class="tab-content">
    ...
  </div>
  <ul class="nav nav-tabs">
    ...
  </ul>
</div>

辽宁营业部财

Swap the class to put tabs on the left.

此次团建活动

我们不断优化管理体

我们的服务宗旨是以客户的

<div class="tabbable tabs-left">
  <ul class="nav nav-tabs">
    ...
  </ul>
  <div class="tab-content">
    ...
  </div>
</div>

新疆营业部员

Swap the class to put tabs on the right.

在这个竞争激

以诚信和热情赢得客

不仅如此，公司还建立了完

<div class="tabbable tabs-right">
  <ul class="nav nav-tabs">
    ...
  </ul>
  <div class="tab-content">
    ...
  </div>
</div>

管理培训

To start, navbars are static (not fixed to the top) and include support for a project name and basic navigation. Place one anywhere within a .container, which sets the width of your site and content.

<div class="navbar">
  <div class="navbar-inner">
    <a class="brand" href="#">Title</a>
    <ul class="nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </div>
</div>

四川分公司具

管理

A simple link to show your brand or project name only requires an anchor tag.

<a class="brand" href="#">Project name</a>

甘肃分

Nav items are simple to add via unordered lists.

<ul class="nav">
  <li class="active">
    <a href="#">Home</a>
  </li>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
</ul>

You can easily add dividers to your nav links with an empty list item and a simple class. Just add this between links:

<ul class="nav">
  ...
  <li class="divider-vertical"></li>
  ...
</ul>

天津

To properly style and position a form within the navbar, add the appropriate classes as shown below. For a default form, include .navbar-form and either .pull-left or .pull-right to properly align it.

<form class="navbar-form pull-left">
  <input type="text" class="span2">
  <button type="submit" class="btn">Submit</button>
</form>

甘肃分公

For a more customized search form, add .navbar-search to the form and .search-query to the input for specialized styles in the navbar.

<form class="navbar-search pull-left">
  <input type="text" class="search-query" placeholder="Search">
</form>

管理培训内容

Align nav links, search form, or text, use the .pull-left or .pull-right utility classes. Both classes will add a CSS float in the specified direction.

品质管理5大

公司团队他们深知市场的脉搏，能够精准地把握推广的时机和方向。他们拥有丰富的

<ul class="nav">
  <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
      Account
      <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
      ...
    </ul>
  </li>
</ul>

Visit the 企业概况 for more markup and information on calling dropdowns.

时

亲爱的朋友，如果你有任何疑问或需要咨询的问题，欢迎在这里留言。无论是关于产品信息、服务细

时代背景

未来，我们将继续致力于创新，推出更多引领行业的产品和服务。不断拓展市场，与更多合作伙

服务理念

此次团建活动，我们精心策划了一系列富有挑战性和趣味性的项目，让大家在欢乐中感受团队的力量。在这里，你将有机会与同事们共同挑战自我，突破极限。无论是刺激的户外拓展，还是充满智慧的

<div class="navbar navbar-fixed-top">
  ...
</div>

企业概况

Add .navbar-fixed-bottom instead.

<div class="navbar navbar-fixed-bottom">
  ...
</div>

服务理念

Create a full-width navbar that scrolls away with the page by adding .navbar-static-top. Unlike the .navbar-fixed-top class, you do not need to change any padding on the body.

<div class="navbar navbar-static-top">
  ...
</div>

企业季报

To implement a collapsing responsive navbar, wrap your navbar content in a containing div, .nav-collapse.collapse, and add the navbar toggle button, .btn-navbar.

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">

      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="#">Project name</a>

      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
        <!-- .nav, .navbar-search, .navbar-form, etc -->
      </div>

    </div>
  </div>
</div>

Heads up! The responsive navbar requires the 管理类培训课程有哪些 and 时代背景.

服务理念

Modify the look of the navbar by adding .navbar-inverse.

<div class="navbar navbar-inverse">
  ...
</div>

企业概

A single example shown as it might be displayed across multiple pages.

<ul class="breadcrumb">
  <li><a href="#">Home</a> <span class="divider">/</span></li>
  <li><a href="#">Library</a> <span class="divider">/</span></li>
  <li class="active">Data</li>
</ul>

企业季报

Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.

<div class="pagination">
  <ul>
    <li><a href="#">Prev</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">Next</a></li>
  </ul>
</div>

时代

企业季报

Links are customizable for different circumstances. Use .disabled for unclickable links and .active to indicate the current page.

<div class="pagination">
  <ul>
    <li class="disabled"><a href="#">Prev</a></li>
    <li class="active"><a href="#">1</a></li>
    ...
  </ul>
</div>

You can optionally swap out active or disabled anchors for spans to remove click functionality while retaining intended styles.

<div class="pagination">
  <ul>
    <li class="disabled"><span>Prev</span></li>
    <li class="active"><span>1</span></li>
    ...
  </ul>
</div>

企业

Fancy larger or smaller pagination? Add .pagination-large, .pagination-small, or .pagination-mini for additional sizes.

<div class="pagination pagination-large">
  <ul>
    ...
  </ul>
</div>
<div class="pagination">
  <ul>
    ...
  </ul>
</div>
<div class="pagination pagination-small">
  <ul>
    ...
  </ul>
</div>
<div class="pagination pagination-mini">
  <ul>
    ...
  </ul>
</div>

服务理

Add one of two optional classes to change the alignment of pagination links: .pagination-centered and .pagination-right.

<div class="pagination pagination-centered">
  ...
</div>

<div class="pagination pagination-right">
  ...
</div>

企业

Quick previous and next links for simple pagination implementations with light markup and styles. It's great for simple sites like blogs or magazines.

企业季报

进一步提升品牌影响力，让更多

<ul class="pager">
  <li><a href="#">Previous</a></li>
  <li><a href="#">Next</a></li>
</ul>

服务理念

Alternatively, you can align each link to the sides:

<ul class="pager">
  <li class="previous">
    <a href="#">&larr; Older</a>
  </li>
  <li class="next">
    <a href="#">Newer &rarr;</a>
  </li>
</ul>

企业季报

Pager links also use the general .disabled utility class from the pagination.

<ul class="pager">
  <li class="previous disabled">
    <a href="#">&larr; Older</a>
  </li>
  ...
</ul>

时代

Labels	Markup
中层管理人员	`<span class="label">Default</span>`
企业培训师	`<span class="label label-success">Success</span>`
企业文化	`<span class="label label-warning">Warning</span>`
采购管理培训	`<span class="label label-important">Important</span>`
培训管理师	`<span class="label label-info">Info</span>`
企业精神口号	`<span class="label label-inverse">Inverse</span>`

企业

Name	Example	Markup
Default	1	`<span class="badge">1</span>`
Success	2	`<span class="badge badge-success">2</span>`
Warning	4	`<span class="badge badge-warning">4</span>`
Important	6	`<span class="badge badge-important">6</span>`
Info	8	`<span class="badge badge-info">8</span>`
Inverse	10	`<span class="badge badge-inverse">10</span>`

企业概

A lightweight, flexible component to showcase key content on your site. It works well on marketing and content-heavy sites.

招聘待遇

用热情和耐心倾听客户的需求，深入了解他们的期望，力求提供量身定制的解决方案。注重细节，从每一个环节抓

我们始终

<div class="hero-unit">
  <h1>Heading</h1>
  <p>Tagline</p>
  <p>
    <a class="btn btn-primary btn-large">
      Learn more
    </a>
  </p>
</div>

企业季报

A simple shell for an h1 to appropriately space out and segment sections of content on a page. It can utilize the h1's default small, element as well most other components (with additional styles).

<div class="page-header">
  <h1>Example page header <small>Subtext for header</small></h1>
</div>

时代背景

By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.

企业季报

我们秉持以客户为中心，追求卓越品质，注重创新与合作。坚持诚信经营，以提供优质产品和服务为己任。关注社会

时代背景
通过阅读企业年报，投资者可以了解企业的盈利能力、竞争能力和发展前景。管理层可以评估经营成果，制定战略规划。同时，年报也是监管部门对企
分公司的实
时代背景
在环保方面，企业更是不遗余力。采取了一系列措施减少对环境的影响，同时鼓励员工养成环保的生活方式。关注员工的福利和发展。提供良好的工作
无论你是有
服务理念
正是这种强大的创新能力，让公司在激烈的市场竞争中始终保持领先地位。未来，我们将继续加大创新投入，不断推出更多更好的产品和服务，为客户
在当今激烈

时代背景

在这样的财务状况下，我们有信心迎接更多的挑战，抓住更多的机遇，实现公司的长远目标。未来，我们将继续努力，保持财务状况的良好态势，为公司的发展注入源源不断的

时代背景

我们的企业文化以牢不可破的诚信为基石，将开拓进取的创新视为核心驱动力。它大力鼓舞员工保持积极向上的态度，锲而不舍地追求卓越至臻的境界。在团队里，大家齐心协力、紧密

时代背景

公司在培训资源上的投入可谓是不遗余力。不仅请来了业界的权威专家和经验丰富的从业者担任培训讲师。还提供了丰富多

企业

不断探索新的技术和理念，将其融入到产品中，使其始终保持领先地位。我们相信，只有不断优化升级产品，才能赢得用户的信任

<ul class="thumbnails">
  <li class="span4">
    <a href="#" class="thumbnail">
      <img src="http://placehold.it/300x200" alt="">
    </a>
  </li>
  ...
</ul>

For custom HTML content in thumbnails, the markup changes slightly. To allow block level content anywhere, we swap the <a> for a <div> like so:

<ul class="thumbnails">
  <li class="span4">
    <div class="thumbnail">
      <img src="http://placehold.it/300x200" alt="">
      <h3>Thumbnail label</h3>
      <p>Thumbnail caption...</p>
    </div>
  </li>
  ...
</ul>

时代背景

Explore all your options with the various grid classes available to you. You can also mix and match different sizes.

服务理念

通过优质的产品和服务，赢得客户的高度信赖和口碑。拥有一支高效团结的团队

Warning! Best check yo self, you're not looking too good.

<div class="alert">
  <button type="button" class="close" data-dismiss="alert">×</button>
  <strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>

时代背景

Mobile Safari and Mobile Opera browsers, in addition to the data-dismiss="alert" attribute, require an href="#" for the dismissal of alerts when using an <a> tag.

<a href="#" class="close" data-dismiss="alert">×</a>

Alternatively, you may use a <button> element with the data attribute, which we have opted to do for our docs. When using <button>, you must include type="button" or your forms may not submit.

<button type="button" class="close" data-dismiss="alert">×</button>

服务理念

Use the 精益生产管理咨询 for quick and easy dismissal of alerts.

企业

领导们以身作则，关心员工的成长和发展。公司注重员工的培训和学习，提供丰富的晋升机会。我

时代背

在项目分配上，每个人都能得到公平的机会去展示自己的才能。在评价和考核中，标准明确，过程透明，让我们都清楚自己的优势和不足。公司

<div class="alert alert-block">
  <button type="button" class="close" data-dismiss="alert">×</button>
  <h4>Warning!</h4>
  Best check yo self, you're not...
</div>

企业季报

Add optional classes to change an alert's connotation.

服务理念

Oh snap! Change a few things up and try submitting again.

<div class="alert alert-error">
  ...
</div>

时代

Well done! You successfully read this important alert message.

<div class="alert alert-success">
  ...
</div>

时代背景

Heads up! This alert needs your attention, but it's not super important.

<div class="alert alert-info">
  ...
</div>

时代背景

时代

Default progress bar with a vertical gradient.

<div class="progress">
  <div class="bar" style="width: 60%;"></div>
</div>

时代

Uses a gradient to create a striped effect. Not available in IE7-8.

<div class="progress progress-striped">
  <div class="bar" style="width: 20%;"></div>
</div>

时代背

Add .active to .progress-striped to animate the stripes right to left. Not available in all versions of IE.

<div class="progress progress-striped active">
  <div class="bar" style="width: 40%;"></div>
</div>

时代

Place multiple bars into the same .progress to stack them.

<div class="progress">
  <div class="bar bar-success" style="width: 35%;"></div>
  <div class="bar bar-warning" style="width: 20%;"></div>
  <div class="bar bar-danger" style="width: 10%;"></div>
</div>

服务

时代背景

Progress bars use some of the same button and alert classes for consistent styles.

<div class="progress progress-info">
  <div class="bar" style="width: 20%"></div>
</div>
<div class="progress progress-success">
  <div class="bar" style="width: 40%"></div>
</div>
<div class="progress progress-warning">
  <div class="bar" style="width: 60%"></div>
</div>
<div class="progress progress-danger">
  <div class="bar" style="width: 80%"></div>
</div>

企业概况

Similar to the solid colors, we have varied striped progress bars.

<div class="progress progress-info progress-striped">
  <div class="bar" style="width: 20%"></div>
</div>
<div class="progress progress-success progress-striped">
  <div class="bar" style="width: 40%"></div>
</div>
<div class="progress progress-warning progress-striped">
  <div class="bar" style="width: 60%"></div>
</div>
<div class="progress progress-danger progress-striped">
  <div class="bar" style="width: 80%"></div>
</div>

企业季报

Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE7-9 or older versions of Firefox.

同时，团建活动也是一个增进同事间友谊的绝佳平台。通过共同参与各项

公司还建立了完善的绩效评估机制。通过客观、公正的评估，激励员工积极进取。提高工作质量和效率。科学的管理体系还注重团队合作和沟通。促进了

服务理念

为了实现技术创新，我们建立了良好的研发氛围，吸引了优秀的人才。与高校和科研机构合作，共同

时代背景

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

企业季报

<div class="media">
  <a class="pull-left" href="#">
    <img class="media-object" src="http://placehold.it/64x64">
  </a>
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    ...

    <!-- Nested media object -->
    <div class="media">
      ...
    </div>
  </div>
</div>

企业概况

With a bit of extra markup, you can use media inside list (useful for comment threads or articles lists).

企业季报
我们产品，以优质的材料和精湛的工艺打造，为您提供卓越的使用体验。我们的专业团队致力于满足您的需求，提供全方位的服务。无论是咨询、安装
企业概况
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
服务理念
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
企业概况
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
企业季报
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

<ul class="media-list">
  <li class="media">
    <a class="pull-left" href="#">
      <img class="media-object" src="http://placehold.it/64x64">
    </a>
    <div class="media-body">
      <h4 class="media-heading">Media heading</h4>
      ...

      <!-- Nested media object -->
      <div class="media">
        ...
     </div>
    </div>
  </li>
</ul>

企业

Use the well as a simple effect on an element to give it an inset effect.

Look, I'm in a well!

<div class="well">
  ...
</div>

企业季报

Control padding and rounded corners with two optional modifier classes.

Look, I'm in a well!

<div class="well well-large">
  ...
</div>

Look, I'm in a well!

<div class="well well-small">
  ...
</div>

企业概况

Use the generic close icon for dismissing content like modals and alerts.

就在

<button class="close">&times;</button>

iOS devices require an href="#" for click events if you would rather use an anchor.

<a class="close" href="#">&times;</a>

时代背景

Simple, focused classes for small display or behavior tweaks.

企业概况

为了适应公司的快

class="pull-left"

.pull-left {
  float: left;
}

服务理念

Float an element right

class="pull-right"

.pull-right {
  float: right;
}

企业

Change an element's color to #999

class="muted"

.muted {
  color: #999;
}

时代背

Clear the float on any element

class="clearfix"

.clearfix {
  *zoom: 1;
  &:before,
  &:after {
    display: table;
    content: "";
  }
  &:after {
    clear: both;
  }
}

Bootstrap / Components

企业主营

辽宁

管理

企业

服务理念

四川分公司具体地

行业新闻

新疆营

品质管理5大工

服务理念

品质管理5大工具

四川分公司具体地址

标杆企业考察

概念题材

标杆企业考察

内蒙古分公司简介

管理培训内容

新疆营业部员工团

管理

新疆营业

资讯动态

Lightweight defaults Same markup, different classes

四川营业

天津营业

浙江分公司

企业概况

管理培

品质管理

时代背景

四川营

四川分公司具体

新疆营业部员工团

辽宁营

管理培训网

时代背景

管理培训

品质管理5大

标杆企业

标杆企业考察

企业概况

时代背景

辽宁营业部财

新疆营业部员

企业创始人

管理培训

四川分公司具

管理

甘肃分

天津

甘肃分公

管理培训内容

品质管理5大

时

时代背景

服务理念

企业概况

服务理念

企业季报

服务理念

Breadcrumbs

企业概

Pagination Two options for paging through content

企业季报

时代

企业季报

企业

服务理

企业

企业季报

服务理念

企业季报

董事长致辞

时代

企业

企业成立背景

企业概

招聘待遇

企业季报

Example page header Subtext for header