企业基本信息

标杆企业考察

他们不断地探索和创新，让公司的科学技术始终保持领先地位。他们研发出的新技术、新产品，不仅高效、智能，还极具创意和实用性。公司在大数据、人

管理培训网

培训方式也非常多样化，包括课堂讲授、实践操作、案例分析、小组讨论等，以满足不同员工的学习需求和风格。而且，培训内容还会根据市场需求和公司发展的变化不断更新和优化，

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

品质管理5大

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.

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

品质管理5大

管理

我们的企业文化以坚如磐石的诚

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

品质

品质管理5大工具

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.

品质管理5

无论是在售前还是售后，我们都始终保持着高度的敬业精神

我们始终将客户放在首位，深入了解他们的需求和期望，为他们提供量身定制的服务

管理培

品质管理5大

标杆

这套管理体系犹如一把金钥

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

品质管理5大工

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

管理

品质管理5大工具

在当今竞争激烈的商业世界中，我们的公司宛如一颗璀璨的明星，在行

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

品质管理5大工

拥有核心竞争力的企业能更好地满足客户需求，提高市场

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

共同开拓市场，实现互利共赢。我们的服务

品质管理5大

遇到问题时，我们从不互相指责，而是携手共同解决。这种信

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

管理

品质管理5大工

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

管理

品质管理5大工

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

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

品质管理5大工

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.

管理培训网

我们还积极倾听客户的反馈和建议，将其视为宝贵的财富。通过不断改进和创新，我们努力为客户创造更多的价值。以客户为中心不仅仅是一句口号，

品质管理5大工具

我们的经营理念，以客户的需求为核心，致力于提供高品质的产品和卓越的服务。追求创新，不断开拓市场，引领行业发展潮流。在规章制度的引导下

品质管理5大工具

在这样的公司里，我们都充满了干劲儿，想要为公司的发展贡献自己的力量。让我们一起珍惜这个优秀的薪酬体系，共同努力，为公司的美好未来而奋

行业地位行业地位

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

品质管理5大工

创新能力不仅体现在产品和技术上。还体

标杆企业考察

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

标杆企业考察

我们的地址位于城市成熟

管理培训网

咱们的公司，宛如夜

标杆

业务领域也在逐步拓宽，从当初的单一业务，发展到如今的多元化布局。我们

管理

在规章制度的引导下，公司的运营变得井然有序。各项工作都有条不紊地进行着，大大

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

品质管理5

Call the affix plugin via JavaScript:

$('#navbar').affix()

管理

品质管理5大

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