企业管

咱们公司的产品，那简直就是品质的代名词！从设计到生

上海营

在这个飞速发展的时代，创新成为了企业成功的关键因素。而我们的公司，正以其强大的创新能力，在行业中脱颖而出。公司拥有一支充满激情和创造力的团队，他们不断探索新的理念和方法，为公司的发展注入

<p>...</p>

上海营业部

Make a paragraph stand out by adding .lead.

<p class="lead">...</p>

西藏营业部简

The typographic scale is based on two LESS variables in variables.less: @baseFontSize and @baseLineHeight. The first is the base font-size used throughout and the second is the base line-height. We use those variables and some simple math to create the margins, paddings, and line-heights of all our type and more. Customize them and Bootstrap adapts.

青海分

在这充满挑战与机遇的时代，本企业衷心感谢每一位为公司

江苏分公司简介

For de-emphasizing inline or blocks of text, use the small tag.

<p>
  <small>This line of text is meant to be treated as fine print.</small>
</p>

研

For emphasizing a snippet of text with important

<strong>rendered as bold text</strong>

企业

For emphasizing a snippet of text with stress

<em>rendered as italicized text</em>

企业中层管理 Feel free to use <b> and <i> in HTML5. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.

培训与管理

还积极参与社区建设，与当地政府和社会组织合作。共同推动社

<p class="muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
<p class="text-error">Donec ullamcorper nulla non metus auctor fringilla.</p>
<p class="text-info">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.</p>
<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>

企业管理培

Stylized implemenation of HTML's <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.

西藏营业部简介

此外，我们还注重创新，不断推出新产品/服务，以满足市场需求。高效

<abbr title="attribute">attr</abbr>

西藏营业部简介

Add .initialism to an abbreviation for a slightly smaller font-size.

<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>

行业地

Present contact information for the nearest ancestor or the entire body of work.

企业文化

不仅如此，公司还有着良好的企业文化，大家团结

<address>
  <strong>Twitter, Inc.</strong><br>
  795 Folsom Ave, Suite 600<br>
  San Francisco, CA 94107<br>
  <abbr title="Phone">P:</abbr> (123) 456-7890
</address>

<address>
  <strong>Full Name</strong><br>
  <a href="mailto:#">[email protected]</a>
</address>

企业管理

For quoting blocks of content from another source within your document.

江苏分公司简介

我们的企业文化以坚如磐石的诚信为根本，将勇攀高峰的创新作为核心驱动力。它积极倡

<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>

上海营业部企业

Style and content changes for simple variations on a standard blockquote.

上海营业部企

我们还懂得不断创新，紧跟市场趋势，及时调整战略。最重要的是，我们有着敏锐的市场

<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
  <small>Someone famous <cite title="Source Title">Source Title</cite></small>
</blockquote>

河北营业部具体

Use .pull-right for a floated, right-aligned blockquote.

<blockquote class="pull-right">
  ...
</blockquote>

甘肃

西藏营

A list of items in which the order does not explicitly matter.

<ul>
  <li>...</li>
</ul>

上海

A list of items in which the order does explicitly matter.

<ol>
  <li>...</li>
</ol>

江苏分

A list of items with no list-style or additional left padding.

<ul class="unstyled">
  <li>...</li>
</ul>

行业地位

A list of terms with their associated descriptions.

<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>

企业同行

Make terms and descriptions in <dl> line up side-by-side.

<dl class="dl-horizontal">
  <dt>...</dt>
  <dd>...</dd>
</dl>

企业同行 Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow. In narrower viewports, they will change to the default stacked layout.

企业

每个人都清楚自己的职责，并且为了实现

For example, <code><section></code> should be wrapped as inline.

上海分公

Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

<p>Sample text here...</p>

<pre>
  &lt;p&gt;Sample text here...&lt;/p&gt;
</pre>

企业资料 Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.

在员工之家，宽敞明亮的活动室里，摆放着各种娱乐设施。员工们或围坐在一起，开心地玩着我们组织的

上海分公司

对员工来说，培训体系为他们提供了广阔的发展空间和晋升机会。让他们能够不断提升自己的专业技能和综合

<table class="table">
  �?
</table>

研发质量管理

Add any of the follow classes to the .table base class.

研发质量管理

公司团队他们深知市场的脉搏，能够精准地把握推广的时机和方向。他们拥有丰富的推广经验，熟练掌握各种

<table class="table table-striped">
  �?
</table>

河北分公司简介

Add borders and rounded corners to the table.

<table class="table table-bordered">
  �?
</table>

培训与管理

Enable a hover state on table rows within a <tbody>.

<table class="table table-hover">
  �?
</table>

西藏营业部简介

Makes tables more compact by cutting cell padding in half.

<table class="table table-condensed">
  �?
</table>

河北分公司简介

Use contextual classes to color table rows.

...
  <tr class="success">
    <td>1</td>
    <td>TB - Monthly</td>
    <td>01/04/2012</td>
    <td>Approved</td>
  </tr>
...

河北分公司简介

List of supported table HTML elements and how they should be used.

<table>
  <caption>...</caption>
  <thead>
    <tr>
      <th>...</th>
      <th>...</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>...</td>
      <td>...</td>
    </tr>
  </tbody>
</table>

西藏营业部

Individual form controls receive styling, but without any required base class on the <form> or large changes in markup. Results in stacked, left-aligned labels on top of form controls.

<form>
  <legend>Legend</legend>
  <label>Label name</label>
  <input type="text" placeholder="Type something�?>
  <span class="help-block">Example block-level help text here.</span>
  <label class="checkbox">
    <input type="checkbox"> Check me out
  </label>
  <button type="submit" class="btn">Submit</button>
</form>

甘肃分公司简

Included with Bootstrap are three optional form layouts for common use cases.

河北分公

在业务拓展方面，他们的表现更是出色。不断开拓新的市场领域，寻找新的商机，为公司的

<form class="form-search">
  <input type="text" class="input-medium search-query">
  <button type="submit" class="btn">Search</button>
</form>

江苏分公

Add .form-inline for left-aligned labels and inline-block controls for a compact layout.

<form class="form-inline">
  <input type="text" class="input-small" placeholder="Email">
  <input type="password" class="input-small" placeholder="Password">
  <label class="checkbox">
    <input type="checkbox"> Remember me
  </label>
  <button type="submit" class="btn">Sign in</button>
</form>

河北分公司简

Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:

• 企业知识产权
• 企业优势
• 服务理念
• 企业投资

<form class="form-horizontal">
  <div class="control-group">
    <label class="control-label" for="inputEmail">Email</label>
    <div class="controls">
      <input type="text" id="inputEmail" placeholder="Email">
    </div>
  </div>
  <div class="control-group">
    <label class="control-label" for="inputPassword">Password</label>
    <div class="controls">
      <input type="password" id="inputPassword" placeholder="Password">
    </div>
  </div>
  <div class="control-group">
    <div class="controls">
      <label class="checkbox">
        <input type="checkbox"> Remember me
      </label>
      <button type="submit" class="btn">Sign in</button>
    </div>
  </div>
</form>

河北分公司简介

Examples of standard form controls supported in an example form layout.

西藏

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

公司提供了充足的假期，让我们在繁忙的工作

<input type="text" placeholder="Text input">

河北分

Form control which supports multiple lines of text. Change rows attribute as necessary.

<textarea rows="3"></textarea>

河北分公司简介

Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.

江苏分公司简

<label class="checkbox">
  <input type="checkbox" value="">
  Option one is this and that—be sure to include why it's great
</label>

<label class="radio">
  <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
  Option one is this and that—be sure to include why it's great
</label>
<label class="radio">
  <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
  Option two can be something else and selecting it will deselect option one
</label>

甘肃分公司简

Add the .inline class to a series of checkboxes or radios for controls appear on the same line.

<label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
</label>
<label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
</label>
<label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
</label>

西藏

Use the default option or specify a multiple="multiple" to show multiple options at once.

<select>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

<select multiple="multiple">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

河北分公司简介

Adding on top of existing browser controls, Bootstrap includes other useful form components.

西藏营业部简介

公司在培训资源上的投入可谓是不遗余力。不仅请来了业界的权威专家和经验丰富的从业者担任培训

甘肃分公司简

在项目分配上，每个人都能得到公平的机会去展示自己的才能。在评价和考核中，

<div class="input-prepend">
  <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text" placeholder="Username">
</div>
<div class="input-append">
  <input class="span2" id="appendedInput" size="16" type="text"><span class="add-on">.00</span>
</div>

西藏营

Use both classes and two instances of .add-on to prepend and append an input.

<div class="input-prepend input-append">
  <span class="add-on">$</span><input class="span2" id="appendedPrependedInput" size="16" type="text"><span class="add-on">.00</span>
</div>

河北分公司简介

Instead of a <span> with text, use a .btn to attach a button (or two) to an input.

<div class="input-append">
  <input class="span2" id="appendedInputButton" size="16" type="text"><button class="btn" type="button">Go!</button>
</div>

<div class="input-append">
  <input class="span2" id="appendedInputButtons" size="16" type="text"><button class="btn" type="button">Search</button><button class="btn" type="button">Options</button>
</div>

西藏营业

<form class="form-search">
  <div class="input-append">
    <input type="text" class="span2 search-query">
    <button type="submit" class="btn">Search</button>
  </div>
  <div class="input-prepend">
    <button type="submit" class="btn">Search</button>
    <input type="text" class="span2 search-query">
  </div>
</form>

甘肃分公司

Use relative sizing classes like .input-large or match your inputs to the grid column sizes using .span* classes.

江苏分公司简

<input class="input-mini" type="text" placeholder=".input-mini">
<input class="input-small" type="text" placeholder=".input-small">
<input class="input-medium" type="text" placeholder=".input-medium">
<input class="input-large" type="text" placeholder=".input-large">
<input class="input-xlarge" type="text" placeholder=".input-xlarge">
<input class="input-xxlarge" type="text" placeholder=".input-xxlarge">

企业副营 In future versions, we'll be altering the use of these relative input classes to match our button sizes. For example, .input-large will increase the padding and font-size of an input.

河北分公

这种公平、公正、透明的环境，让我们充满了安全感和归属感。大家都

<input class="span1" type="text" placeholder=".span1">
<input class="span2" type="text" placeholder=".span2">
<input class="span3" type="text" placeholder=".span3">
<select class="span1">
  ...
</select>
<select class="span2">
  ...
</select>
<select class="span3">
  ...
</select>

For multiple grid inputs per line, use the .controls-row modifier class for proper spacing. It floats the inputs to collapse white-space, sets the proper margins, and the clears the float.

<div class="controls">
  <input class="span5" type="text" placeholder=".span5">
</div>
<div class="controls controls-row">
  <input class="span4" type="text" placeholder=".span4">
  <input class="span1" type="text" placeholder=".span1">
</div>
...

西藏营业部简

Present data in a form that's not editable without using actual form markup.

<span class="input-xlarge uneditable-input">Some value here</span>

甘肃分公

End a form with a group of actions (buttons). When placed within a .form-horizontal, the buttons will automatically indent to line up with the form controls.

<div class="form-actions">
  <button type="submit" class="btn btn-primary">Save changes</button>
  <button type="button" class="btn">Cancel</button>
</div>

江苏分

Inline and block level support for help text that appears around form controls.

河北分公

<input type="text"><span class="help-inline">Inline help text</span>

甘肃分公

<input type="text"><span class="help-block">A longer block of help text that breaks onto a new line and may extend beyond one line.</span>

江苏分公司简介

Provide feedback to users or visitors with basic feedback states on form controls and labels.

江苏分公

企业年报是企业每年向外界展示自身经营状况和财务成果的重要文件。它详细记录了企业在一年

<input class="input-xlarge" id="focusedInput" type="text" value="This is focused...">

河北分公司简

Add the disabled attribute on an input to prevent user input and trigger a slightly different look.

<input class="input-xlarge" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>

<div class="control-group warning">
  <label class="control-label" for="inputWarning">Input with warning</label>
  <div class="controls">
    <input type="text" id="inputWarning">
    <span class="help-inline">Something may have gone wrong</span>
  </div>
</div>
<div class="control-group error">
  <label class="control-label" for="inputError">Input with error</label>
  <div class="controls">
    <input type="text" id="inputError">
    <span class="help-inline">Please correct the error</span>
  </div>
</div>
<div class="control-group success">
  <label class="control-label" for="inputSuccess">Input with success</label>
  <div class="controls">
    <input type="text" id="inputSuccess">
    <span class="help-inline">Woohoo!</span>
  </div>
</div>

河北分公司简

Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only <a> and <button> elements for the best rendering.

西藏营业部简介

无论是在售前还是售后，我们都始终保持着高度的敬业精神和专业态度。客户的满意度就是我们的追求，而我们的核心竞争力就在于这份对服务品质的执着和坚持！我们的

西藏营业

同时，团建活动也是一个增进同事间友谊的绝佳平台。通过共同参与各项活动，大家可

<p>
  <button class="btn btn-large btn-primary" type="button">Large button</button>
  <button class="btn btn-large" type="button">Large button</button>
</p>
<p>
  <button class="btn btn-primary" type="button">Default button</button>
  <button class="btn" type="button">Default button</button>
</p>
<p>
  <button class="btn btn-small btn-primary" type="button">Small button</button>
  <button class="btn btn-small" type="button">Small button</button>
</p>
<p>
  <button class="btn btn-mini btn-primary" type="button">Mini button</button>
  <button class="btn btn-mini" type="button">Mini button</button>
</p>

Create block level buttons—those that span the full width of a parent— by adding .btn-block.

<button class="btn btn-large btn-block btn-primary" type="button">Block level button</button>
<button class="btn btn-large btn-block" type="button">Block level button</button>

西藏营业部

Make buttons look unclickable by fading them back 50%.

西藏营业部

在我们的公司里，管理层简直就是一道亮

我们始终将客户

<a href="#" class="btn btn-large btn-primary disabled">Primary link</a>
<a href="#" class="btn btn-large disabled">Link</a>

企业项目 We use .disabled as a utility class here, similar to the common .active class, so no prefix is required. Also, this class is only for aesthetic; you must use custom JavaScript to disable links here.

江苏分公司

在这样的财务状况下，我们有信心迎接更多的挑

股东股本影响企业的股权结

<button type="button" class="btn btn-large btn-primary disabled" disabled="disabled">Primary button</button>
<button type="button" class="btn btn-large" disabled>Button</button>

西藏营业部简介

Use the .btn class on an <a>, <button>, or <input> element.

<a class="btn" href="">Link</a>
<button class="btn" type="submit">Button</button>
<input class="btn" type="button" value="Input">
<input class="btn" type="submit" value="Submit">

As a best practice, try to match the element for your context to ensure matching cross-browser rendering. If you have an input, use an <input type="submit"> for your button.

注重合作，与合作伙伴携手共进，实现共赢。坚持诚信为本，树立良

<img src="..." class="img-rounded">
<img src="..." class="img-circle">
<img src="..." class="img-polaroid">

企业财务.img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.

甘肃分公

我们的企业文化以诚信为坚实根基，将创新视为核心动力。它激励员工积极奋进，追

• 企业业报
• 时代背景
• 对外投资
• 对外投资
• 经营理念
• 行业新闻
• 公司官网
• 企业简介
• 企业所属地
• 企业创始人
• 行业地位
• 企业基本信息
• 企业经营范围
• 核心竞争力
• 招聘待遇
• 员工之家
• 企业概况
• 行业发展情况
• 企业经营
• 企业日常
• 企业合伙人
• 企业高层管理
• 成功案例
• 行业亮点
• 企业安全
• 诚聘英才
• 招商加盟
• 时代背景
• 企业介绍
• 企业人员规模
• 业绩趋势
• 股东股本
• 企业文化
• 企业副营
• 企业简介
• 企业大事
• 企业经营
• 招聘待遇
• 企业安全
• 企业主营
• 企业高层管理
• 企业日常
• 所属行业
• 行业竞争
• 核心竞争力
• 企业氛围
• 行业地位
• 经营生产
• 留言咨询
• 企业新闻
• 竞争对手分析
• 招聘职位
• 我们地址
• 概念题材
• 产品服务
• 企业资料
• 联系我们
• 行业发展情况
• 企业业报
• 核心题材
• 项目推进
• 行业新闻
• 诚聘英才
• 服务理念
• 合作伙伴
• 对外投资
• 企业成立背景
• 资讯动态
• 企业员工
• 企业季报
• 成功案例
• 企业所属地
• 企业基本信息
• 企业年报
• 对外投资
• 企业项目
• 企业财务
• 经营理念
• 公司官网
• 企业研报
• 估值分析
• 企业基本资料
• 企业团建
• 企业愿景
• 企业发展信息
• 企业中层管理
• 企业投资
• 企业合伙人
• 企业同行
• 董事长致辞
• 员工之家
• 企业月报
• 行业亮点
• 财务报表
• 同行发展
• 企业优势
• 企业经营信息
• 企业概况
• 企业概念
• 主营业务
• 企业创始人
• 企业经营范围
• 企业知识产权
• 经营理念
• 招聘待遇
• 估值分析
• 企业员工
• 企业成立背景
• 成功案例
• 产品服务
• 企业文化
• 财务报表
• 企业合伙人
• 行业发展情况
• 时代背景
• 企业介绍
• 企业中层管理
• 企业安全
• 企业业报
• 企业日常
• 企业概况
• 企业概念
• 主营业务
• 业绩趋势
• 企业资料
• 企业简介
• 企业经营信息
• 企业主营
• 企业财务
• 同行发展
• 行业地位
• 企业同行
• 联系我们
• 诚聘英才
• 企业高层管理
• 企业副营
• 核心题材
• 企业所属地
• 概念题材
• 企业知识产权

江苏分公司简介

凭借我们的资讯服务，您将得以洞悉先機，牢牢握住机遇，从而做出睿智的决策。即刻前来关注我们，让资讯成为您迈向成功的强劲助力！为了提供更好的用户体验，我们注重产品的易用性和稳定性。界面设计更加简洁美观，操作流程更加流畅自然

江苏分公

在当今竞争激烈的市场中，我们的公司以其卓越的营造品牌能力脱颖而出。公司对品牌建设有着深刻的理解和独特的策

<i class="icon-search"></i>

There are also styles available for inverted (white) icons, made ready with one extra class. We will specifically enforce this class on hover and active states for nav and dropdown links.

<i class="icon-search icon-white"></i>

企业基本信息 When using beside strings of text, as in buttons or nav links, be sure to leave a space after the <i> tag for proper spacing.

西藏营业部

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

西藏

西藏营业部简介

<div class="btn-toolbar">
  <div class="btn-group">

    <a class="btn" href="#"><i class="icon-align-left"></i></a>
    <a class="btn" href="#"><i class="icon-align-center"></i></a>
    <a class="btn" href="#"><i class="icon-align-right"></i></a>
    <a class="btn" href="#"><i class="icon-align-justify"></i></a>
  </div>
</div>

甘肃分公司简介

<div class="btn-group">
  <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a>
  <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
  <ul class="dropdown-menu">
    <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
    <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
    <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
    <li class="divider"></li>
    <li><a href="#"><i class="i"></i> Make admin</a></li>
  </ul>
</div>

甘肃分公

<a class="btn btn-small" href="#"><i class="icon-star"></i></a>

河北分公

<ul class="nav nav-list">
  <li class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li>
  <li><a href="#"><i class="icon-book"></i> Library</a></li>
  <li><a href="#"><i class="icon-pencil"></i> Applications</a></li>
  <li><a href="#"><i class="i"></i> Misc</a></li>
</ul>

河北分公

<div class="control-group">
  <label class="control-label" for="inputIcon">Email address</label>
  <div class="controls">
    <div class="input-prepend">
      <span class="add-on"><i class="icon-envelope"></i></span>
      <input class="span2" id="inputIcon" type="text">
    </div>
  </div>
</div>