云南分公司简介

企业团建是提升团队凝聚力和员工归属感的重要活动。通过各种有趣的团建项目，大家可以放松身心，增进彼此之间的了解和信

天津分公司经

同时，我们高度重视员工的个人发展，每年提供超过 100 场的培训课程和众多晋升机会。通过营造出开放、包容且充满活力的工作氛围，员工的工作满意度提升了 30%。在当

That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the body namespaced with `'data-api'`. This looks like this:

$('body').off('.data-api')

Alternatively, to target a specific plugin, just include the plugins name as a namespace along with the data-api namespace like this:

$('body').off('.alert.data-api')

河北分公司简

We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.

$(".btn.danger").button("toggle").addClass("fat")

All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):

无论是在售前还是售后，我们都始终保持着高度的敬业精神和专业态度。客户的满意度就是我们的追求，而我们的核心竞争力就在于这份对服务品质的执着和坚持！我们的企业文化以诚信为基石，注重创新与合作。鼓

我们持续追求革新，以契合市场的动态变化，为您贡献更为贴心、更为便捷的产品服务。择选我们产品，即为选择品质与信赖！我们持续追求革新，以契合市场的动态变化，为您贡献更为贴心、更为便捷的

6s

为了实现这一美好愿景，我们将不断努力。加强团队合作，提升管理水平。持续关注市场动态，敏锐捕捉机遇。以坚定的信念和不懈的努力，向着愿景的光辉迈进。相信在全体员工的共同努力下。企业的愿景必将成为现实，创造更加辉煌的未来。为了实现这一美

我们的企业正蓬勃发展，现诚邀各路英才加入！这里有广阔的发展空间、优渥的薪资待遇、良好的工作环境。无论你是行业资

$('#myModal').on('show', function (e) {
    if (!data) return e.preventDefault() // stops modal from being shown
})

概念题材

For simple transition effects, include bootstrap-transition.js once alongside the other JS files. If you're using the compiled (or minified) bootstrap.js, there is no need to include this—it's already there.

6s管

经营部近期工作进展顺利。销售额呈

• 重庆营业部简介
• 浙江分公司简介
• 西藏分公司简介
• 吉林分公司简介

安徽分

一个优秀的合作伙伴不仅能提供资金、技术或资源支持，还能带来新的思路和机会。与合作伙伴共同

精益生产管

同时，我们高度重视员工的个人发展，每年提供超过 100

<div class="modal hide fade">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body�?lt;/p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

天津分

Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.

<-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<-- Modal -->
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body�?lt;/p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

湖南

企业经营

Activate a modal without writing JavaScript. Set data-toggle="modal" on a controller element, like a button, along with a data-target="#foo" or href="#foo" to target a specific modal to toggle.

<button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>

云南分公司

Call a modal with id myModal with a single line of JavaScript:

$('#myModal').modal(options)

概念

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="".

<a data-toggle="modal" href="remote.html" data-target="#modal">click me</a>

企业

云南分公司简

Activates your content as a modal. Accepts an optional options object.

$('#myModal').modal({
  keyboard: false
})

精益生产管理

Manually toggles a modal.

$('#myModal').modal('toggle')

6s管理公

Manually opens a modal.

$('#myModal').modal('show')

精益生产管

Manually hides a modal.

$('#myModal').modal('hide')

企业

Bootstrap's modal class exposes a few events for hooking into modal functionality.

$('#myModal').on('hidden', function () {
  // do something�?
})

主营业

Add dropdown menus to nearly anything with this simple plugin, including the navbar, tabs, and pills.

湖南营业部简

企业经营

安徽

云南分公司简介

在当今竞争激烈的商业环境中，公司的未来发展充满了机遇和

<div class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    ...
  </ul>
</div>

To keep URLs intact, use the data-target attribute instead of href="#".

<div class="dropdown">
  <a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
    Dropdown
    <b class="caret"></b>
  </a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    ...
  </ul>
</div>

江苏分公司

Call the dropdowns via JavaScript:

$('.dropdown-toggle').dropdown()

云南

贵州分公司简介

云南

主营业务

我们的经营理念，以客户的需求为核心，致力于提供高品质的产品和卓

企业经营信息

员工们也因为拥有这些先进的技术和设备而感到自豪。他们积极学习和掌握新技术。为公司的发展贡献自己的力量。总之，公司拥有的先进技术和设备是公司成功的关键之一。它们为公司的

湖南

江苏分公司产品

企业使命，是企业存在的核心意义和价值所在。它如同明灯照亮前行的道路，引领着企业不断前行。我们的企业使命，是为客户提供卓越的产品和服务。从产品研发到售后服务，每一个环节都以客户的需求和体验为出发点。我们深入了解客户

<body data-spy="scroll" data-target=".navbar">...</body>

企业优势

Call the scrollspy via JavaScript:

$('#navbar').scrollspy()

江苏

海南分公司服务理

When using scrollspy in conjunction with adding or removing of elements from the DOM, you'll need to call the refresh method like so:

$('[data-spy="scroll"]').each(function () {
  var $spy = $(this).scrollspy('refresh')
});

江苏

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset="".

江苏

海南分公

优化流程，提高效率，降低成本，为企业的可持续发展提供了有力保障。注重企业文化的建设。

安徽

通过不断创新，满足消费者日益多样化的需求。注重品牌建设，打造了独

$('#myTab a').click(function (e) {
  e.preventDefault();
  $(this).tab('show');
})

You can activate individual tabs in several ways:

$('#myTab a[href="#profile"]').tab('show'); // Select tab by name
$('#myTab a:first').tab('show'); // Select first tab
$('#myTab a:last').tab('show'); // Select last tab
$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed)

安徽

You can activate a tab or pill navigation without writing any JavaScript by simply specifying data-toggle="tab" or data-toggle="pill" on an element. Adding the nav and nav-tabs classes to the tab ul will apply the Bootstrap tab styling.

<ul class="nav nav-tabs">
  <li><a href="#home" data-toggle="tab">Home</a></li>
  <li><a href="#profile" data-toggle="tab">Profile</a></li>
  <li><a href="#messages" data-toggle="tab">Messages</a></li>
  <li><a href="#settings" data-toggle="tab">Settings</a></li>
</ul>

海南

江苏

Activates a tab element and content container. Tab should have either a data-target or an href targeting a container node in the DOM.

<ul class="nav nav-tabs" id="myTab">
  <li class="active"><a href="#home">Home</a></li>
  <li><a href="#profile">Profile</a></li>
  <li><a href="#messages">Messages</a></li>
  <li><a href="#settings">Settings</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active" id="home">...</div>
  <div class="tab-pane" id="profile">...</div>
  <div class="tab-pane" id="messages">...</div>
  <div class="tab-pane" id="settings">...</div>
</div>

<script>
  $(function () {
    $('#myTab a:last').tab('show');
  })
</script>

江苏

$('a[data-toggle="tab"]').on('shown', function (e) {
  e.target // activated tab
  e.relatedTarget // previous tab
})

海南分

Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.

随着企业的不断发展壮大，它将为员工

海南分公司服

江苏

首先，我们要保持积极进取的心

$('#example').tooltip(options)

天津

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".

安徽

本企业具有多方面的优势。我们拥有专业的团队，具备丰富的行业经验和卓越的专业技能。先进的技术和设备，确保产

<a href="#" rel="tooltip" title="first tooltip">hover over me</a>

海南

天津分公司经营理

Attaches a tooltip handler to an element collection.

安徽分公司员

公司资讯，如同一把开启

$('#element').tooltip('show')

江苏分公司产

Hides an element's tooltip.

$('#element').tooltip('hide')

海南分公司服务

Toggles an element's tooltip.

$('#element').tooltip('toggle')

天津分公司经营

Hides and destroys an element's tooltip.

$('#element').tooltip('destroy')

安徽分

Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover. Requires 企业研报 to be included.

安徽分公司

在市场竞争激烈的环境下，他们凭借着顽强的毅力和出色的

企业项目是企业发展的重要驱动力。它通常基于市场需求和企业战略目标而设立。一

天津分

安徽

用热情和耐心倾听客户的需

$('#example').popover(options)

安徽

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".

江苏

无论你是有业务咨询、合作意向，还是对我们的产品或服务有任何疑问或建议，都欢迎通过以下方式与我们取得联系。

江苏

海南分公司服务理

为了实现技术创新，我们建立了良好的研

海南分公司服

关注对手的营销手段、客

$('#element').popover('show')

海南分公司服

Hides an elements popover.

$('#element').popover('hide')

安徽分公司员工

Toggles an elements popover.

$('#element').popover('toggle')

海南分公司服务

Hides and destroys an element's popover.

$('#element').popover('destroy')

江苏分公司

Add dismiss functionality to all alert messages with this plugin.

海南

在我们的公司里，管理层简直就是一道

$(".alert").alert()

天津

Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.

<a class="close" data-dismiss="alert" href="#">&times;</a>

江苏

江苏分公

Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.

安徽分公司员

在当今竞争激

$(".alert").alert('close')

天津

Bootstrap's alert class exposes a few events for hooking into alert functionality.

$('#my-alert').bind('closed', function () {
  // do something�?
})

天津分公

Do more with buttons. Control button states or create groups of buttons for more components like toolbars.

江苏分

在我们的企业里，创新是永恒的主题，它激发着我们不断突破边

<button type="button" class="btn btn-primary" data-loading-text="Loading...">Loading state</button>

海南分公司

Add data-toggle="button" to activate toggling on a single button.

<button type="button" class="btn" data-toggle="button">Single Toggle</button>

江苏分

Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group.

<div class="btn-group" data-toggle="buttons-checkbox">
  <button type="button" class="btn">Left</button>
  <button type="button" class="btn">Middle</button>
  <button type="button" class="btn">Right</button>
</div>

安徽

Add data-toggle="buttons-radio" for radio style toggling on btn-group.

<div class="btn-group" data-toggle="buttons-radio">
  <button type="button" class="btn">Left</button>
  <button type="button" class="btn">Middle</button>
  <button type="button" class="btn">Right</button>
</div>

安徽

Enable buttons via JavaScript:

$('.nav-tabs').button()

海南

Data attributes are integral to the button plugin. Check out the example code below for the various markup types.

天津

None

天津

天津分公司经营理

在员工之家，我们相互帮助、相互支持，共同面对工作中的挑战。这里

<button type="button" class="btn" data-toggle="button" >�?lt;/button>

江苏分公司产品服

Sets button state to loading - disables button and swaps text to loading text. Loading text should be defined on the button element using the data attribute data-loading-text.

<button type="button" class="btn" data-loading-text="loading stuff..." >...</button>

天津分公司经营

Resets button state - swaps text to original text.

天津分公司经营

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

<button type="button" class="btn" data-complete-text="finished!" >...</button>
<script>
  $('.btn').button('complete')
</script>

安徽

Get base styles and flexible support for collapsible components like accordions and navigation.

成功的投资依赖于准确的市场预测、专业的

安徽分公司员

无论是面对面交流还是通过电话、网络沟通，都能感受到我们

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Collapsible Group Item #1
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
        Collapsible Group Item #2
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
</div>
...

You can also use the plugin without the accordion markup. Make a button toggle the expanding and collapsing of another element.

<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo">
  simple collapsible
</button>

<div id="demo" class="collapse in"> �?</div>

安徽

江苏分公司产品

Just add data-toggle="collapse" and a data-target to element to automatically assign control of a collapsible element. The data-target attribute accepts a css selector to apply the collapse to. Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.

为了实现这一美好愿景，我们将不断努力。加强团队合作，提升管理水平。持续关注市场动态，敏锐捕捉机遇。以坚定的信念和不懈的努力

海南分公司

准确的财务报表能

$(".collapse").collapse()

安徽

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-parent="".

海南

江苏分公司产品

Activates your content as a collapsible element. Accepts an optional options object.

$('#myCollapsible').collapse({
  toggle: false
})

天津分公司经营

Toggles a collapsible element to shown or hidden.

海南分公司服

亲爱的小伙伴们，我们的

天津分公司经

本企业凭借创新产品和优

海南

公司领导们犹如经验丰富的船长，引领着我们前行的方向。员工们则各展所长，

$('#myCollapsible').on('hidden', function () {
  // do something�?
})

江苏分公司产

The slideshow below shows a generic plugin and component for cycling through elements like a carousel.

海南分公司服务理

公司的规章制度就像一张严密的网，覆盖了公司的方方面面。从员工的日常行为规范到工作流程的各个环节，都有明确的规定和要求。这些规章制度不

江苏分公司产品服

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

江苏分公司产品服

为了提供更好的用户体验，我们注重产品的易用性和稳定性。界面设计更加简洁美观，操作流程更加流畅自然。同时，我们也在努力提升产品的安全性

行业新闻行业新闻

<div id="myCarousel" class="carousel slide">
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item">�?lt;/div>
    <div class="item">�?lt;/div>
    <div class="item">�?lt;/div>
  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

天津

江苏分公司产品

...

江苏分公司

在规章制度的引导下，公

$('.carousel').carousel()

安徽

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-interval="".

天津

江苏分公司产品

合作伙伴是我们在事业道路上的得力助手。他们与我们携手并肩，共同追求目标。

$('.carousel').carousel({
  interval: 2000
})

天津分公司经营

Cycles through the carousel items from left to right.

江苏分公司产品

我们始终将客户放在首位，深入了解他们

天津分公司经

企业概况是对企业的全面介绍，包括其历史、规模、业务范围、组

安徽分公司员

员工们也因为拥有这些先

海南分公司服

灵活的工作制度也是

海南

公司还建立了完善的售后服务体系。从客户反馈到问题解决，每个环节都有严

安徽

我们的企业文化以坚如磐石的诚信为基石，将勇往直前的创新视为核心驱动力。数据显

<input type="text" data-provide="typeahead">

天津

江苏分公司产品

Add data attributes to register an element with typeahead functionality as shown in the example above.

海南分公司

包括明确项目目标、组建专业

$('.typeahead').typeahead()

天津

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-source="".

天津

江苏分公司产品

目前，各项工作都在按计划有序进

江苏

在处理复杂问题时，售后团队能够迅速组织力量。协同各部

海南

海南分公司服务

不断优化管理流程，提高运营效率，为公司的持续发展提供有力保障。让我们携手共进，共同开创公司更加美好的明天！在行业竞争中脱颖而出并非易事，需要多方面的

<div data-spy="affix" data-offset-top="200">...</div>

海南分公司

Call the affix plugin via JavaScript:

$('#navbar').affix()

安徽

安徽分公司员

When using affix in conjunction with adding or removing of elements from the DOM, you'll want to call the refresh method:

$('[data-spy="affix"]').each(function () {
  $(this).affix('refresh')
});

江苏

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset-top="200".