员工之家

浙江分公司简介

加强团队建设，培养更多优秀人才，为公司注入源源不断的活力。提升产品和服务质量，以客户为中心，打造一流的品牌形象。积极拓展合作伙伴，实现资

浙江营业部项

在我们的公司里，管理人性化是一道独特而亮丽的风景线。公司始终秉持着以人为本的理念，将员工视为最宝贵的资产。管理团队深知，每个员工都是独一无二的个体。有着不同的需求

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 plugin's 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):

$("#myModal").modal()                       // initialized with defaults
$("#myModal").modal({ keyboard: false })   // initialized with no keyboard
$("#myModal").modal('show')                // initializes and invokes show immediately

Each plugin also exposes its raw constructor on a `Constructor` property: $.fn.popover.Constructor. If you'd like to get a particular plugin instance, retrieve it directly from an element: $('[rel=popover]').data('popover').

江西

目前，我们正处于蓬勃发展阶段，市场规模呈稳步扩大趋势。各种创新技术层出不穷，推动产品不断升级迭代，以满足消费者日益增长的多元化需求。然而，伴随着行业的迅速发展，竞争也日趋激烈。我们始终秉持着热情、真诚、专业的服务态度，以微笑迎接

公司的努力也得到了回报，市场份额逐渐扩大，业绩稳步增长。同时，也赢得了客户的信赖和口碑。未来，公司将继续努力，

$('#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.

黑龙江

此外，咱们具备敏锐的市场洞察力，

• 企业季报
• 所属行业
• 企业优势
• 企业基本信息

江西营

共同开拓市场，实现互利共赢。我们的服务宗旨是以客户的需求为核心，秉持“用心、贴心、专业、

招聘待遇

此外，良好的品牌形象也是我们的优势之一。通过长期的市场

<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…</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 id="myModal" class="modal hide fade" 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…</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')

招聘待遇

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" >…</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">…</div>
    <div class="item">…</div>
    <div class="item">…</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".