企业安全

黑龙江分公司简介

通过履行社会责任，企业不仅获得了社会的认可和尊重，也为自身的可持续发展奠定了坚实的基础。在未来的发展中，我们将继续坚守社会责任，不断探索

企业经营与管

此外，我们还注重创新，不断推出新产品/服务，以满足市场需求。高效的管理体系，保证企业的高效运转。优秀的企业文化，凝聚员工力量，共同追求卓越。无论是市场趋向、技术革

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