• 甘肃分公司诚

    我们还积极倾听客户的反馈和建议,将其视为宝贵的财富。通过不断改进和创新,我们努力为客户创造更多

  • 8s管理内容

    股东股本影响企业的股权结构和控制权,决定了股东在企业决策中的话语权。合理的股东股本结构有助于提

  • 河北营业

    在竞争激烈的市场中,我们的企业同行们犹如群星闪耀。他们各自凭借独特的优势和特色,在行业内崭露头

  • 企业管

    企业概况是对企业的全面介绍,包括其历史、规模、业务范围、组织架构等。它展现了企业的发展历程和现

Welcome to Success! Work on all browsers, Be Creative, Fully Customizable Theme.
流程管理培训

企业管理课程

使他们在工作中实现自我价值,收获成就感和满足感。同时,积极履行社会责任。为社会做出贡献,推动社会的进步和发展。关

甘肃分公司诚

企业项目,犹如一场充满挑战与机遇的征程。它是企业发展的引擎,承载着创新与突破的使命。我们能看到项目的缘起,是对市场需求的敏锐洞察,是对企业战略的精准契合。它汇聚了

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):

公司提供了充足的假期,让我们在繁忙的工作之余能够有足够的时间休息和放松。无论是年假、病假还是其他法定假期,都能让我们充分享受生活。而且,假期的安排非常灵活。我们可以根据自己的需求和计划,自由

团队超级厉害,大家齐心协力,朝着共同的目标努力奋斗。业务发展得如火如荼,不断开拓新市场,业绩节节攀升。领导们有远见卓识,总能带领我们抓住各种机会。公司的文化也很棒,让我们都有强烈的

企业

正是这种强大的创新能力,让公司在激烈的市场竞争中始终保持领先地位。未来,我们将继续加大创新投入,不断推出更多更好的产品和服务,为客户创造更大的价值。他们的创新能力也很强,不断推出新的产品和服务。以满足客户的需求,始终保持着市场竞争

在技术研发方面,公司投入大量资源,不断追求技术的突破和创新。推出的新产品和服务,总是能引领市场潮流。同时,公司

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

企业管

企业团建是提升团队凝聚力和员工归

  • 办公室5s管理制度
  • 询盘管理
  • 标杆企业考察
  • 培训管理规定

河南营

无论是面对面交流还是通过电话、网络沟通,都能感受到我们的热情与关怀。对待客户的问题和困难

海南分公司

共同开拓市场,实现互利共赢。我们的服务宗旨是以客户的需

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

Nametypedefaultdescription
backdropbooleantrueIncludes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.
keyboardbooleantrueCloses the modal when escape key is pressed
showbooleantrueShows the modal when initialized.
remotepathfalse

在面对各种挑战和机遇时,公司能够灵活应变,及时调整战略。始终保持着前进的动力和竞争力。总之,公司顺应时代背景的能力让它在众多企业中脱颖而出。成为行业的佼佼者。我们相信,在未来的发展中,公司将继续紧

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

EventDescription
showThis event fires immediately when the show instance method is called.
shownThis event is fired when the modal has been made visible to the user (will wait for css transitions to complete).
hideThis event is fired immediately when the hide instance method has been called.
hiddenThis event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).
$('#myModal').on('hidden', function () {
  // do something�?
})

新疆分公司项

我们的企业文化以诚信为根本,将创新作为核心驱动力。它大力激励员工积极向前,追求卓越至臻。通过团队的通力协作,共同实现目标。同时,深切关注员工的个人发展,提供多元的培训

8

同时,我们高度重视员工的个人发展,为他们提供丰富多样的培训资源和广阔无垠的晋升渠道。通过营造出开放、包容且富有活力的工作氛围,让每一个人都能自由自在地释放自身潜能,以满腔的热忱和无限的创造力,齐心协力共同铸就企业的辉煌成就,谱写属于我们的绚丽华章。在我们的公司,企业文化不仅仅是一句口号,而是一种深入人心的信念和价值观。公司始终秉持着以人为本的理念,关注员工的成长和发展。提供丰富的

公司的推广团队还与其他部门密切合作。确保推广活动与产品研发、销售等环节无缝衔接。他们不仅能够提升品牌知名度,还能增加产品的销量和市场份额。以满足他们的需求,超越他们的期望。通过不断创新和改进,努力提升产品质量。追求极致,让每一个使用我们产品的人都能感受到无与伦比的体验。企业使命也是关注员工的成长和发展。为

在这充满挑战与机遇的时代,本企业衷心感谢每一位为公司付出的伙伴。我们一路走来,共同面对困难,共同创造辉煌。未来,我们将继续秉持诚信、创新的理念,追求卓越,为客户提供更优质的产品和服务。让我们携手共进,共同书写公司发展的新篇章!在当今竞争激烈的市场中,我们的公司以其卓越的营造品牌能力脱颖而出。公司对品牌建设有着

关注对手的营销手段、客户群体,洞察其发展趋势。分析对手的研发能力、团队实力,预测其未来动向。通过全面评估,为自身发展提供参考,制定差异化策略,提升竞争力,在市场中脱颖而出。在日常工作中,每个人都全神贯注、全力以赴。办公室里,键盘敲击声和讨论声交织成一曲奋进的乐章。同事们紧密合作,共同攻克一个又一个难题。领导们精心指导,为员工提供支持与鼓励。这里充满着激情与活力,每个人都在为公司的发展贡献自己的力量。我们秉持以客户为中心,追求卓越品质,注重创

8s

此外,良好的品牌形象也是我们的优势之一。通过长期的市场推广和优质的产品服务,我们赢得了客户的信赖和口碑。公司还拥有完善的管理体系,能够高效地运作和管理各项业务。最后,我们与供应商和合作伙伴建立了稳定的合作关系,实现了资源共享和优势互补。这些优势使得我们在市场竞争中具有强大的竞争力,能够为客户创造更大的价值。企业使命,是企业存在的核心意义和价值所在。它如同明灯照亮前行的道路,引领着

合作伙伴是我们在事业道路上的得力助手。他们与我们携手并肩,共同追求目标。彼此之间有着共同的愿景和价值观,能够相互信任、相互支持。在合作中,我们可以优势互补,资源共享,共同开拓市场,实现双赢。当前行业竞争激烈,众多企业纷纷涌入市场。主要竞争焦点集中在产品质量、价格、服务和创新能力等方面。部分企业通过不断提升技术水平、优化产品性能来提高竞争力;另一些则依靠优质的客户服务和灵活的营销策略占据市场份额。在行业


供方

企业介绍

企业项目是推动企业发展、实现战略目标、提升竞争力和创造经济与社会价值的关键驱动力。科学的管理体系确保各项工作有序进行,明确的流程和规范让员工知道如何做。而积极向上的企业文化激发员工的内在动力,使他们更加自觉地执行

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

企业员工

Call the scrollspy via JavaScript:

$('#navbar').scrollspy()
Heads up! Navbar links must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.

企业

甘肃营业部简介

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

Nametypedefaultdescription
offsetnumber10Pixels to offset from top when calculating position of scroll.

甘肃

EventDescription
activateThis event fires whenever a new item becomes activated by the scrollspy.

江苏分公

通过履行社会责任,企业不仅获得了社会的认可和尊重,也为自身的可持续发展奠定了坚实的基

优化流程,提高效率,降低成本,为企业的可持续发展提供了有力保障。注重企业文化的建设。形成了独特的价值观和企业精神,凝聚了全体员工的共识和力量。公司在培训资源上的投入可谓是不遗余力。不仅请来了业界的权威专家和经验丰富的从业者担任培训讲师。还提供了丰富多样的学习资料以及先进的学习设备。培训方式极为多样化,能满足不同员工的学习风格与需求。

在员工之家,我们相互帮助、相互支持,共同面对工作中的挑战。这里举办的各种活动丰富了我们的生活,增强了团队的凝聚力。为了不断提升服务质量,我们还会定期对员工进行培训和考核。我们的服务不仅仅是解决问题,更是为客户创造价值。通过与客户建立长期的合作关系,我们共同成长,实现双赢。无论是在售前还是售后,我们都始终保持着高度的敬业精神和专业态度。客户的满意度就是我们的追求,而我们的核心竞争力就在于这份对服务品质的执着和坚持!在当今竞争激烈的市场中,我们的公司凭借着强大的品牌力脱颖而出!品牌力是我们公司最宝贵的资产之一。首先,它代表着高品质。我们始终致力于提供优质的产品


江苏

这使我们在市场上具有竞争优势,能够满足客户日益增长的需求。未来,

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

甘肃

EventDescription
showThis event fires on tab show, but before the new tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
shownThis event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
$('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="".

Nametypedefaultdescription
animationbooleantrueapply a css fade transition to the tooltip
htmlbooleantrueInsert html into the tooltip. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks.
placementstring|function'top'how to position the tooltip - top | bottom | left | right
selectorstringfalseIf a selector is provided, tooltip objects will be delegated to the specified targets.
titlestring | function''default title value if `title` tag isn't present
triggerstring'hover'how tooltip is triggered - click | hover | focus | manual
delaynumber | object0

与此同时,我们深切关注员工的个人发展,为他们提供丰富多元的培训资

不仅如此,公司还建立了完善的客户反馈机制,及时

加强团队建设,培养更多优秀人才,为公司注

Heads up! Options for individual tooltips can alternatively be specified through the use of data attributes.

宁夏

在如此优良的环境中,每一个人都能充分释放自身潜能,以饱满的热情和无尽的创造力,齐心协力共同铸就企业的辉煌

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

河南营业部

我们专注于我们的主营业务领域,致力于提供高品质的产品

江苏分公

员工们也因为拥有这些先进的技术和设备而感到自豪。他们积极学习和掌握新技术。为公司的发展贡献自己

河南营业部

同时,我们高度重视员工的个人发展,每年提供超过 100 场的培训课程和众多晋升机会。通过营造出

河南营业部

这有助于我们不断提升工作效率。此外,团队成员之间的信任也是我们的宝贵财富。我们相信彼此的能力和

宁夏营业

以满足他们的需求,超越他们的期望。通过不断创新和改进,努力提升产品质量。追求极致,让每一个使用

与此同时,我们深切关注员工的个人发展,为他们提供丰富多元的培训资源和广阔的

甘肃营


宁夏

不断探索新的技术和理念,

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

Nametypedefaultdescription
animationbooleantrueapply a css fade transition to the tooltip
htmlbooleantrueInsert html into the popover. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks.
placementstring|function'right'how to position the popover - top | bottom | left | right
selectorstringfalseif a selector is provided, tooltip objects will be delegated to the specified targets
triggerstring'click'how popover is triggered - click | hover | focus | manual
titlestring | function''default title value if `title` attribute isn't present
contentstring | function''default content value if `data-content` attribute isn't present
delaynumber | object0

他们的创新能力也很强,不断推出新的产品和服务。以满足客户的需求,

领导层高瞻远瞩,制定明确的战略目标,引领我们勇

在员工之家,我们相互帮助、相互支持,共同

Heads up! Options for individual popovers can alternatively be specified through the use of data attributes.

河南

在当今竞争激烈的商业环境中,一个企业能够越来越好,实属难得。企业的良好发展意味着它在各个方面都表现出色。

江苏

宁夏营业部简介

不断优化管理流程,提高运营效率,为公

甘肃营业部简

股东是企业的出资人,他

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

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

宁夏营业部简介

亲爱的小伙伴们,我们的公司正处于飞速发展的阶段!每一个你们都是公司前进的动力。在这里,你们的努力和付出都将得到充分的认可和回报。在当今的企业时代

我们还懂得不断创新,紧


河南

在当今激烈竞争的市场环境中,企业知

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

EventDescription
closeThis event fires immediately when the close instance method is called.
closedThis event is fired when the alert has been closed (will wait for css transitions to complete).
$('#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

江苏

甘肃营业部简介

在我们的公司,企业文化不仅仅是一句口号,而是一种深入人心的信念

Heads up! You can enable auto toggling of a button by using the data-toggle attribute.
<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>
Heads up!江苏分公司简介. A workaround for this is to use autocomplete="off".

宁夏营业部简介

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.

公司领导们犹如经验丰富的船长,引领着我

宁夏营业部简

他们不断地探索和创新,让公司的科学技术始终保持领先地位

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
<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="".

Nametypedefaultdescription
parentselectorfalseIf selector then all collapsible elements under the specified parent will be closed when this collapsible item is shown. (similar to traditional accordion behavior)
togglebooleantrueToggles the collapsible element on invocation

江苏

江苏分公司简介

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

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

甘肃营业部简介

Toggles a collapsible element to shown or hidden.

河南营业部简

咱们的公司,宛如夜空中

宁夏营业部简

当下,我们发展呈现积极

江苏

在技术研发方面,公司投入大量资源,不断追求技术的突破和创新。推出的新产

EventDescription
showThis event fires immediately when the show instance method is called.
shownThis event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete).
hide This event is fired immediately when the hide method has been called.
hiddenThis event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).
$('#myCollapsible').on('hidden', function () {
  // do something�?
})

江苏

本公司拥有超优秀的薪酬体系,这可真是让人太开心啦!首先,这套体系公平合理,完

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

Nametypedefaultdescription
sourcearray, function[ ]The data source to query against. May be an array of strings or a function. The function is passed two arguments, the query value in the input field and the process callback. The function may be used synchronously by returning the data source directly or asynchronously via the process callback's single argument.
itemsnumber8The max number of items to display in the dropdown.
minLengthnumber1The minimum character length needed before triggering autocomplete suggestions
matcherfunctioncase insensitiveThe method used to determine if a query matches an item. Accepts a single argument, the item against which to test the query. Access the current query with this.query. Return a boolean true if query is a match.
sorterfunctionexact match,
case sensitive,
case insensitive
Method used to sort autocomplete results. Accepts a single argument items and has the scope of the typeahead instance. Reference the current query with this.query.
highlighterfunctionhighlights all default matchesMethod used to highlight autocomplete results. Accepts a single argument item and has the scope of the typeahead instance. Should return html.

河南

河南营业部简介

随着企业的不断发展壮大,它将为

宁夏

在我们的公司里,管理人性化是一道独特而亮丽的风景线。


江苏

江苏分公司简介

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

<div data-spy="affix" data-offset-top="200">...</div>
Heads up! You must manage the position of a pinned element and the behavior of its immediate parent. Position is controlled by affix, affix-top, and affix-bottom. Remember to check for a potentially collapsed parent when the affix kicks in as it's removing content from the normal flow of the page.

甘肃营业部

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

Nametypedefaultdescription
offsetnumber | function | object10Pixels to offset from screen when calculating position of scroll. If a single number is provide, the offset will be applied in both top and left directions. To listen for a single direction, or multiple unique offsets, just provided an object offset: { x: 10 }. Use a function when you need to dynamically provide an offset (useful for some responsive designs).