内蒙古分公司员工之家

天津分公司简介

未来，我们将继续砥砺前行。以更加饱满的热情和更加坚定的信念，迎接新的挑战和机遇。让我们携手共进，共同见证公司更加辉煌的明天！公司对研发投

营销管理培训

当前我们行业发展稳健，市场规模稳步增长。技术持续创新，产品愈发多样，满足消费者多元需求。竞争加剧，企业需增强实力，适应市场变化，谋求更大发展空间。在员工之家，我们

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