吉林营业部诚聘英才

北京分

公司的努力也得到了回报，市场份额逐渐扩大，业绩稳步

广西分

科学技术的领先也为公司带来了巨大的竞争优势。让我们在市场上脱颖而出，赢得了客户的信赖和好评。公司还积极开展国际合作，与世界各地的优秀企业和科研机构交流合作。不断吸收先进的技术和经验。我们

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

估值分

还要注重品牌建设，提高品牌知名度和美誉度。此外，提供

什么是6s管理

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 a heavier font-weight.

<strong>rendered as bold text</strong>

行业

For emphasizing a snippet of text with italics.

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

五s管理

当前我们行业发展稳健，市场规模稳步增长。技术持续创新，产品愈发多

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

五s管理

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

五s管理

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>
  <fieldset>
    <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>
  </fieldset>
</form>

小企业管理

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

五s管理

咱们的公司，宛如夜空中最耀眼的星辰，在所属领域散发出别样的璀璨光芒。首先，咱们拥

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

什么是6

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.

五s

公司的财务状况良好也为员工带来了实实在在的好处。我们能够享受到稳定的工作环境、良好的福利待遇和广阔的职业发展空间。管理层对财务状况的高度重视和科学管理，确保了

企业项目是企业发展的重要驱动力。它通常基

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

管理故

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

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

五s管理

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>

五s管理

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" type="text" placeholder="Username">
</div>
<div class="input-append">
  <input class="span2" id="appendedInput" type="text">
  <span class="add-on">.00</span>
</div>

五s管

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" type="text">
  <span class="add-on">.00</span>
</div>

五s管理

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" type="text">
  <button class="btn" type="button">Go!</button>
</div>

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

小企业管理

<div class="input-append">
  <input class="span2" id="appendedDropdownButton" type="text">
  <div class="btn-group">
    <button class="btn dropdown-toggle" data-toggle="dropdown">
      Action
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
      ...
    </ul>
  </div>
</div>

<div class="input-prepend">
  <div class="btn-group">
    <button class="btn dropdown-toggle" data-toggle="dropdown">
      Action
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
      ...
    </ul>
  </div>
  <input class="span2" id="prependedDropdownButton" type="text">
</div>

<div class="input-prepend input-append">
  <div class="btn-group">
    <button class="btn dropdown-toggle" data-toggle="dropdown">
      Action
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
      ...
    </ul>
  </div>
  <input class="span2" id="appendedPrependedDropdownButton" type="text">
  <div class="btn-group">
    <button class="btn dropdown-toggle" data-toggle="dropdown">
      Action
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
      ...
    </ul>
  </div>
</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>

五s管理

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

五s管理

竞争对手分析是了解市场格局、制定战略的关键。需深入研究对手的产品特点

<input class="input-block-level" type="text" placeholder=".input-block-level">

小企业管理

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

什么是6

公司团队他们深知市场的脉搏，能够精准地把握推广的时机和方向。他

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

五s管理

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

什么是6

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

五s管理

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

什么是6

公司的财务状况良好也为员工带来了实实在在的好处。我们能够享受到稳定的工作环境、良好的

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

小企业管理

Bootstrap includes validation styles for error, warning, info, and success messages. To use, add the appropriate class to the surrounding .control-group.

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

什么是6s

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.

五s管理

与客户建立长期合作关系，以优质的售后服务赢

同时，我们高度重视员工的个人发展，每

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

五s管理

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.

什么是6

我们时刻关注行业最新资讯动态，为您提供及时、全面、准确的信息。无论是市场趋

• 江苏分公司企业负责人
• 广西营业部经营理念
• 四川分公司经营理念
• 湖北分公司客服咨询
• 陕西分公司员工团建
• 河南营业部业绩捷报
• 河北分公司经营理念
• 重庆分公司服务理念
• 内蒙古分公司具体地址
• 黑龙江营业部客服咨询
• 西藏分公司客服咨询
• 内蒙古营业部员工团建
• 黑龙江营业部项目推进情况
• 西藏营业部企业负责人
• 辽宁营业部诚聘英才
• 福建分公司项目推进情况
• 黑龙江分公司服务理念
• 海南营业部服务理念
• 西藏分公司服务理念
• 陕西营业部项目推进情况
• 安徽分公司企业负责人
• 上海分公司业绩捷报
• 吉林营业部企业概况
• 贵州分公司财务报表
• 新疆分公司产品服务
• 湖南分公司客服咨询
• 新疆营业部诚聘英才
• 山东营业部员工团建
• 上海营业部产品服务
• 青海分公司项目推进情况
• 安徽分公司业绩捷报
• 北京分公司诚聘英才
• 新疆分公司客服咨询
• 山西营业部具体地址
• 山东营业部客服咨询
• 辽宁营业部服务理念
• 浙江分公司项目推进情况
• 青海分公司员工之家
• 福建分公司企业负责人
• 云南营业部财务报表
• 浙江营业部员工之家
• 吉林分公司财务报表
• 广东分公司员工之家
• 广西分公司诚聘英才
• 重庆分公司诚聘英才
• 河南分公司企业负责人
• 天津分公司员工之家
• 宁夏营业部企业概况
• 山东分公司财务报表
• 湖北分公司诚聘英才
• 广西营业部项目推进情况
• 西藏营业部诚聘英才
• 北京营业部诚聘英才
• 西藏分公司员工之家
• 湖南营业部财务报表
• 辽宁分公司具体地址
• 甘肃营业部诚聘英才
• 青海营业部企业概况
• 安徽营业部项目推进情况
• 海南营业部业绩捷报
• 甘肃营业部业绩捷报
• 安徽营业部诚聘英才
• 西藏营业部客服咨询
• 浙江分公司企业负责人
• 四川营业部财务报表
• 宁夏分公司业绩捷报
• 四川营业部产品服务
• 黑龙江分公司财务报表
• 重庆营业部诚聘英才
• 山西分公司员工之家
• 湖南分公司企业负责人
• 江西营业部企业负责人
• 安徽营业部企业概况
• 吉林分公司服务理念
• 安徽分公司财务报表
• 宁夏营业部服务理念
• 北京分公司员工之家
• 上海分公司员工之家
• 江西分公司业绩捷报
• 辽宁营业部具体地址
• 黑龙江营业部具体地址
• 北京营业部业绩捷报
• 北京营业部员工团建
• 山东营业部项目推进情况
• 新疆分公司企业负责人
• 河南营业部员工团建
• 吉林营业部员工之家
• 湖北分公司具体地址
• 黑龙江分公司具体地址
• 海南营业部具体地址
• 吉林分公司企业概况
• 甘肃营业部客服咨询
• 海南营业部财务报表
• 北京分公司企业概况
• 河南分公司客服咨询
• 新疆分公司服务理念
• 贵州分公司员工之家
• 江苏营业部服务理念
• 天津营业部服务理念
• 重庆分公司业绩捷报
• 河北营业部经营理念
• 河南分公司服务理念
• 云南营业部员工之家
• 湖南营业部企业负责人
• 陕西营业部客服咨询
• 四川分公司服务理念
• 四川营业部业绩捷报
• 四川营业部客服咨询
• 天津分公司具体地址
• 江西分公司经营理念
• 黑龙江营业部员工之家
• 安徽分公司员工团建
• 山西分公司业绩捷报
• 湖南营业部经营理念
• 海南营业部员工之家
• 广西分公司产品服务
• 吉林分公司业绩捷报
• 河北营业部业绩捷报
• 江西分公司项目推进情况
• 青海分公司产品服务
• 四川分公司客服咨询
• 宁夏营业部产品服务
• 广东分公司企业概况
• 湖北分公司财务报表
• 云南营业部企业负责人
• 浙江分公司经营理念
• 山东营业部业绩捷报
• 广西分公司服务理念
• 上海营业部经营理念
• 河北营业部企业负责人
• 上海分公司企业概况
• 浙江营业部经营理念
• 黑龙江营业部员工团建
• 湖南分公司财务报表
• 河北分公司业绩捷报
• 北京营业部经营理念
• 新疆营业部员工之家
• 湖北营业部企业负责人
• 西藏分公司企业概况
• 黑龙江分公司项目推进情况

五s管理

我们的企业正蓬勃发展，现诚邀各路英才加入！这里有广阔的发展空间、优渥的薪资待遇、良好的工作环境。无论你是行业资深人士，还是潜力无限的新人，只要你有才华、有热情、有梦想，我们都欢迎你的加入。让我们携手共进，共同创造更加美

五s管理

在时光的长河中，我们的公司宛如一艘稳健前行的巨轮，不断驶向更加辉煌的彼岸。每一位员工都是勇敢的水手，齐心

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

管理故事

我们企业一直注重员工的身心健康和个人发展，我们相信，通过这次团建活动

五s

什么是6s管理

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