一本道屁眼-运城市

Toggleable, contextual menu for displaying lists of links. Made interactive with the .

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
  <li><a tabindex="-1" href="#">Action</a></li>
  <li><a tabindex="-1" href="#">Another action</a></li>
  <li><a tabindex="-1" href="#">Something else here</a></li>
  <li class="divider"></li>
  <li><a tabindex="-1" href="#">Separated link</a></li>
</ul>

Looking at just the dropdown menu, here's the required HTML. You need to wrap the dropdown's trigger and the dropdown menu within .dropdown, or another element that declares position: relative;. Then just create the menu.

<div class="dropdown">
  <!-- Link or button to toggle dropdown -->
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <li><a tabindex="-1" href="#">Action</a></li>
    <li><a tabindex="-1" href="#">Another action</a></li>
    <li><a tabindex="-1" href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a tabindex="-1" href="#">Separated link</a></li>
  </ul>
</div>

Align menus to the right and add include additional levels of dropdowns.

　　弟弟的离世让张兰受到了巨大的打击，她甚至有过轻生的念头，但她还是熬了过来 ，而且还做出了一个让人惊讶的决定 ：卖掉所经营的三家大排档式酒楼 ，拿着创业10年攒下的6000万元，进军中高端餐饮业。

<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel">
  ...
</ul>

Add an extra level of dropdown menus, appearing on hover like those of OS X, with some simple markup additions. Add .dropdown-submenu to any li in an existing dropdown menu for automatic styling.

<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
  ...
  <li class="dropdown-submenu">
    <a tabindex="-1" href="#">More options</a>
    <ul class="dropdown-menu">
      ...
    </ul>
  </li>
</ul>

Two basic options, along with two more specific variations.

所以，即便是上面最好的情况，所有商业计划都执行的非常到位 ，下一轮融资都非常成问题 。

<div class="btn-group">
  <button class="btn">1</button>
  <button class="btn">2</button>
  <button class="btn">3</button>
</div>

Combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components.

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

Make a set of buttons appear vertically stacked rather than horizontally.

<div class="btn-group btn-group-vertical">
  ...
</div>

Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View 云林县 for that.

丛飞飞 Buttons with dropdowns must be individually wrapped in their own .btn-group within a .btn-toolbar for proper rendering.

章苏阳从IDG资本荣退后创立了火山石 ，之前投过携程网、如家酒店、土豆网等 。　　面对社会对90后创业者的种种质疑 ，他回应：　　“我们也许还有很多缺点，但哪个人生来完美?人家又没杀人放火，知错就改就可以了嘛!我们知道未来充满艰辛，但乏味的生活对不起我们的青春!面对很多误解
、嫉妒何抨击 ，从我们选择创业的那一刻开始 ，我们就早已无所畏惧!”　　那些曾估值过亿的90后创业者……　　最早的一批90后都要“人到中年”了。

<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

Button dropdowns work at any size: .btn-large, .btn-small, or .btn-mini.

Button dropdowns require the to function.

我有什么想法就跑去和彼得沟通 。所以1988年得知海南建省
，年轻气盛的王功权再也按耐不住 ，连夜写了一封洋洋洒洒的辞职信，同时递交给党委书记、处长等五位领导  ，老父亲死活劝不住 。

　　这或许是团队内社交互动的一部分 。这时，您的网站如果提供确实的最低价格保证 ，并且在客户付款购物过程中突出显示出来 ，您的购物车放弃率一定比其他电商低。

<div class="btn-group">
  <button class="btn">Action</button>
  <button class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

Utilize the extra button classes .btn-mini, .btn-small, or .btn-large for sizing.

<div class="btn-group">
  <button class="btn btn-mini">Action</button>
  <button class="btn btn-mini dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

Dropdown menus can also be toggled from the bottom up by adding a single class to the immediate parent of .dropdown-menu. It will flip the direction of the .caret and reposition the menu itself to move from the bottom up instead of top down.

<div class="btn-group dropup">
  <button class="btn">Dropup</button>
  <button class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

Lightweight defaults Same markup, different classes

All nav components here—tabs, pills, and lists—share the same base markup and styles through the .nav class.

软文的最大威力就是，成千上万篇分布在网络各个渠道：新闻源、资讯网站 、微博、微信公众号等等……是企业主导的营销盛宴，最终最大获利者是企业，而非个人。

<ul class="nav nav-tabs">
  <li class="active">
    <a href="#">Home</a>
  </li>
  <li><a href="#">...</a></li>
  <li><a href="#">...</a></li>
</ul>

Take that same HTML, but use .nav-pills instead:

<ul class="nav nav-pills">
  <li class="active">
    <a href="#">Home</a>
  </li>
  <li><a href="#">...</a></li>
  <li><a href="#">...</a></li>
</ul>

For any nav component (tabs, pills, or list), add .disabled for gray links and no hover effects. Links will remain clickable, however, unless you remove the href attribute. Alternatively, you could implement custom JavaScript to prevent those clicks.

<ul class="nav nav-pills">
  ...
  <li class="disabled"><a href="#">Home</a></li>
  ...
</ul>

To align nav links, use the .pull-left or .pull-right utility classes. Both classes will add a CSS float in the specified direction.

　　截止2017年3月16日
，新三板10887家挂牌公司中 ，一直没有融资或交易的公司有4461家;考虑到挂牌时间过短的因素，读懂君剔除了2017年挂牌的企业 ，符合“僵尸”股特征的企业还剩下3760家，占挂牌公司总数的34.61%。在运营推动业务的过程中 ，真正的创新是对自动化、对效率的极度痴迷。

<ul class="nav nav-tabs nav-stacked">
  ...
</ul>

<ul class="nav nav-pills nav-stacked">
  ...
</ul>

Add dropdown menus with a little extra HTML and the .

<ul class="nav nav-tabs">
  <li class="dropdown">
    <a class="dropdown-toggle"
       data-toggle="dropdown"
       href="#">
        Dropdown
        <b class="caret"></b>
      </a>
    <ul class="dropdown-menu">
      <!-- links -->
    </ul>
  </li>
</ul>

<ul class="nav nav-pills">
  <li class="dropdown">
    <a class="dropdown-toggle"
       data-toggle="dropdown"
       href="#">
        Dropdown
        <b class="caret"></b>
      </a>
    <ul class="dropdown-menu">
      <!-- links -->
    </ul>
  </li>
</ul>

A simple and easy way to build groups of nav links with optional headers. They're best used in sidebars like the Finder in OS X.

功夫财经是做媒体，卖理财产品是它的商业模式之一，我们做的是财富管理，这种区别可能会导致将来差别非常大。

<ul class="nav nav-list">
  <li class="nav-header">List header</li>
  <li class="active"><a href="#">Home</a></li>
  <li><a href="#">Library</a></li>
  ...
</ul>

张国强 For nesting within a nav list, include class="nav nav-list" on any nested <ul>.

　　 　　动画播出11集之后 ，《兽娘动物园》获得了超过270万的弹幕 ，成为了niconico历史上弹幕最多的动画
 ，超越了《魔法少女小圆》此前在2011年保持的186万弹幕的历史纪录。　　小米不是Snapchat
、Uber那样随时可以上的公交车 ，过去三年里唯一的一轮融资出让不到3%的股份，这极不正常。

<ul class="nav nav-list">
  ...
  <li class="divider"></li>
  ...
</ul>

Bring your tabs to life with a simple plugin to toggle between content via tabs. Bootstrap integrates tabbable tabs in four styles: top (default), right, bottom, and left.

　　张旭豪 ：自己留一个，差不多了 。初音开始成为一名真正的高人气歌手 ，她不仅开始推出自己的实体专辑，还在世界各地开起了自己的全息演唱会 。

<div class="tabbable"> <!-- Only required for left/right tabs -->
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      <p>I'm in Section 1.</p>
    </div>
    <div class="tab-pane" id="tab2">
      <p>Howdy, I'm in Section 2.</p>
    </div>
  </div>
</div>

To make tabs fade in, add .fade to each .tab-pane.

All tabbable tabs are powered by our lightweight jQuery plugin. Read more about how to bring tabbable tabs to life .

　　而对处于BAT核心业务以外的创业公司，或许并不需要担忧在巨头间如何平衡的问题。

<div class="tabbable tabs-below">
  <div class="tab-content">
    ...
  </div>
  <ul class="nav nav-tabs">
    ...
  </ul>
</div>

Swap the class to put tabs on the left.

<div class="tabbable tabs-left">
  <ul class="nav nav-tabs">
    ...
  </ul>
  <div class="tab-content">
    ...
  </div>
</div>

Swap the class to put tabs on the right.

<div class="tabbable tabs-right">
  <ul class="nav nav-tabs">
    ...
  </ul>
  <div class="tab-content">
    ...
  </div>
</div>

To start, navbars are static (not fixed to the top) and include support for a project name and basic navigation. Place one anywhere within a .container, which sets the width of your site and content.

<div class="navbar">
  <div class="navbar-inner">
    <a class="brand" href="#">Title</a>
    <ul class="nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </div>
</div>

A simple link to show your brand or project name only requires an anchor tag.

<a class="brand" href="#">Project name</a>

Nav items are simple to add via unordered lists.

<ul class="nav">
  <li class="active">
    <a href="#">Home</a>
  </li>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
</ul>

You can easily add dividers to your nav links with an empty list item and a simple class. Just add this between links:

<ul class="nav">
  ...
  <li class="divider-vertical"></li>
  ...
</ul>

To properly style and position a form within the navbar, add the appropriate classes as shown below. For a default form, include .navbar-form and either .pull-left or .pull-right to properly align it.

<form class="navbar-form pull-left">
  <input type="text" class="span2">
  <button type="submit" class="btn">Submit</button>
</form>

想到这里，哼了一声，盯着陆媛说道：“你先别管我什么责任不责任，反正我不会对不起四叔，反倒是你自己多反省反省，可别掉进钱眼连老娘都不要了……”

For a more customized search form, add .navbar-search to the form and .search-query to the input for specialized styles in the navbar.

<form class="navbar-search pull-left">
  <input type="text" class="search-query" placeholder="Search">
</form>

陆鸣一听陆紫燕亲自开口了，这个面子可不能不给 ，何况 ，为了陆岩的葬礼已经把牛身子都垫进去了  ，难道还在乎一条牛尾巴？

Align nav links, search form, or text, use the .pull-left or .pull-right utility classes. Both classes will add a CSS float in the specified direction.

Add dropdowns and dropups to the nav with a bit of markup and the .

<ul class="nav">
  <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
      Account
      <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
      ...
    </ul>
  </li>
</ul>

Visit the for more markup and information on calling dropdowns.

除了圈住用户，短视频也为微博带来了新的商业收入
。　　事实上，网易系创业者们在寻找投资时
，大部分都能拿到不错的投资
 ，甚至在项目成立之前 ，就有投资机构找上门。

所以有理由相信你很快能够在年经常收入上摸到200万欧。他们把餐桌搬到了田埂上，周围都是茶树 。

　　餐饮不是一次性众筹就完毕 ，需要持续投入　　实物众筹更像是订单式生产，先有需求，再按需定制 ，因为众筹的资金相当于预交了生产的费用，众筹发起人没有任何的经济压力。这是我们最早的信念，是笨也好
、傻也好 ，是我们的信仰。这在以前的电子游戏中是闻所未闻的 。

<div class="navbar navbar-fixed-top">
  ...
</div>

Add .navbar-fixed-bottom instead.

<div class="navbar navbar-fixed-bottom">
  ...
</div>

Create a full-width navbar that scrolls away with the page by adding .navbar-static-top. Unlike the .navbar-fixed-top class, you do not need to change any padding on the body.

<div class="navbar navbar-static-top">
  ...
</div>

To implement a collapsing responsive navbar, wrap your navbar content in a containing div, .nav-collapse.collapse, and add the navbar toggle button, .btn-navbar.

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">

      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="#">Project name</a>

      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
        <!-- .nav, .navbar-search, .navbar-form, etc -->
      </div>

    </div>
  </div>
</div>

Modify the look of the navbar by adding .navbar-inverse.

<div class="navbar navbar-inverse">
  ...
</div>

A single example shown as it might be displayed across multiple pages.

<ul class="breadcrumb">
  <li><a href="#">Home</a> <span class="divider">/</span></li>
  <li><a href="#">Library</a> <span class="divider">/</span></li>
  <li class="active">Data</li>
</ul>

赵真阳和陆东萍愣住了  ，显然他们没有料到陆鸣的态度会来个一百八十度大转弯，在她们想来，陆鸣要是知道她们输了钱，即便不是找那些人算账 ，起码也要好言安慰，然后主动把欠款还上，可没想到竟然一副甩手掌柜的样子 。

Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.

<div class="pagination">
  <ul>
    <li><a href="#">Prev</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">Next</a></li>
  </ul>
</div>

Links are customizable for different circumstances. Use .disabled for unclickable links and .active to indicate the current page.

<div class="pagination">
  <ul>
    <li class="disabled"><a href="#">Prev</a></li>
    <li class="active"><a href="#">1</a></li>
    ...
  </ul>
</div>

You can optionally swap out active or disabled anchors for spans to remove click functionality while retaining intended styles.

<div class="pagination">
  <ul>
    <li class="disabled"><span>Prev</span></li>
    <li class="active"><span>1</span></li>
    ...
  </ul>
</div>

第719章 想开了

Fancy larger or smaller pagination? Add .pagination-large, .pagination-small, or .pagination-mini for additional sizes.

<div class="pagination pagination-large">
  <ul>
    ...
  </ul>
</div>
<div class="pagination">
  <ul>
    ...
  </ul>
</div>
<div class="pagination pagination-small">
  <ul>
    ...
  </ul>
</div>
<div class="pagination pagination-mini">
  <ul>
    ...
  </ul>
</div>

Add one of two optional classes to change the alignment of pagination links: .pagination-centered and .pagination-right.

<div class="pagination pagination-centered">
  ...
</div>

<div class="pagination pagination-right">
  ...
</div>

Quick previous and next links for simple pagination implementations with light markup and styles. It's great for simple sites like blogs or magazines.

饥饿营销在实现前要对市场容量进行充分的调查与了解，充分了解需求大小，有多少人对此产品感兴趣
，有购买需求。

<ul class="pager">
  <li><a href="#">Previous</a></li>
  <li><a href="#">Next</a></li>
</ul>

Alternatively, you can align each link to the sides:

<ul class="pager">
  <li class="previous">
    <a href="#">&larr; Older</a>
  </li>
  <li class="next">
    <a href="#">Newer &rarr;</a>
  </li>
</ul>

Pager links also use the general .disabled utility class from the pagination.

<ul class="pager">
  <li class="previous disabled">
    <a href="#">&larr; Older</a>
  </li>
  ...
</ul>

A lightweight, flexible component to showcase key content on your site. It works well on marketing and content-heavy sites.

<div class="hero-unit">
  <h1>Heading</h1>
  <p>Tagline</p>
  <p>
    <a class="btn btn-primary btn-large">
      Learn more
    </a>
  </p>
</div>

A simple shell for an h1 to appropriately space out and segment sections of content on a page. It can utilize the h1's default small, element as well most other components (with additional styles).

<div class="page-header">
  <h1>Example page header <small>Subtext for header</small></h1>
</div>

By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.

如品牌指数在微信指数的某一天突然拔高 。　　 　　作为老牌PE与VC的代表，另类资产管理平台的定义与之前的鼎晖投资完全不同。

“那时还是太年轻没经验，甚至不知道有投资人这回事。巴克斯酒业向百润股份承诺，从2014年到2017年 ，其年度净利润分别不低于2.22亿元、3.83亿元、5.44亿元和7.06亿元。　　 　　2014年，金数据3周年笔记本扉页　　聊起创业 ，如今没有人考虑仅仅给这个世界留下一点点痕迹 。

　　2016年，吴奇隆以3300万收入超过杨幂 
、吴秀波 、冯小刚等人位居第26名 。　　编者注 ：所谓「DownRounds」的意思 ：在私人股权投资的过程中
，投资人所购买的股票(或者可转换债券)的基础，即公司的估值比上一轮融资时的估值还要低。　　也幸亏在这两年VR爆发之际，HTC做出了口碑还算不错的Vive
 ，不然的话连转型都会很难。

　　比如毛利率，假定行业一般毛利率是5%，而你的公司突然宣称做到8%，或者公司的应收账款突然有大幅度增加，这都说明公司有上市的考虑
。　　甚至《LoveLive!》的人气部分也要归功niconico，凭借着niconico的直播平台 ，声优组合通过直播节目与粉丝保持了稳定的交流，积累了人气。

As mentioned previously, the required markup for thumbnails is light and straightforward. Here's a look at the default setup for linked images:

<ul class="thumbnails">
  <li class="span4">
    <a href="#" class="thumbnail">
      <img src="http://placehold.it/300x200" alt="">
    </a>
  </li>
  ...
</ul>

For custom HTML content in thumbnails, the markup changes slightly. To allow block level content anywhere, we swap the <a> for a <div> like so:

<ul class="thumbnails">
  <li class="span4">
    <div class="thumbnail">
      <img src="http://placehold.it/300x200" alt="">
      <h3>Thumbnail label</h3>
      <p>Thumbnail caption...</p>
    </div>
  </li>
  ...
</ul>

Explore all your options with the various grid classes available to you. You can also mix and match different sizes.

大多数情况下，为提高网站可读性和易读性而重写网页就够了，但是在某些情况下选择删掉页面或者更新页面更加明智。所以，通过恰当的视觉反馈让用户明白正在发生什么 ，是很有用的。

<div class="alert">
  <button type="button" class="close" data-dismiss="alert">×</button>
  <strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>

Mobile Safari and Mobile Opera browsers, in addition to the data-dismiss="alert" attribute, require an href="#" for the dismissal of alerts when using an <a> tag.

<a href="#" class="close" data-dismiss="alert">×</a>

Alternatively, you may use a <button> element with the data attribute, which we have opted to do for our docs. When using <button>, you must include type="button" or your forms may not submit.

<button type="button" class="close" data-dismiss="alert">×</button>

Use the 银川市 for quick and easy dismissal of alerts.

　　就这么多要求，才能显得出他的天猫出身贵族啊，光收保证金和服务费，马先生该有多少钱了?还有每个商家的扣点呢，还有每天的广告费
，所以钱对他只是一个数字 。99%的人是给1%的人打工的 ，这其中总会有人出去想试试
，大部分又会失败 ，回去赚工资的，这是个流动的过程。

<div class="alert alert-block">
  <button type="button" class="close" data-dismiss="alert">×</button>
  <h4>Warning!</h4>
  Best check yo self, you're not...
</div>

既然你说财神留下了遗嘱，你让他们把遗嘱哪来我看看 ，如果财神真有交代的话 ，我在公司也有十几个亿的股份
，全给你个南星得了……”

Add optional classes to change an alert's connotation.

<div class="alert alert-error">
  ...
</div>

<div class="alert alert-success">
  ...
</div>

……

<div class="alert alert-info">
  ...
</div>

Default progress bar with a vertical gradient.

<div class="progress">
  <div class="bar" style="width: 60%;"></div>
</div>

Uses a gradient to create a striped effect. Not available in IE7-8.

<div class="progress progress-striped">
  <div class="bar" style="width: 20%;"></div>
</div>

Add .active to .progress-striped to animate the stripes right to left. Not available in all versions of IE.

<div class="progress progress-striped active">
  <div class="bar" style="width: 40%;"></div>
</div>

Place multiple bars into the same .progress to stack them.

<div class="progress">
  <div class="bar bar-success" style="width: 35%;"></div>
  <div class="bar bar-warning" style="width: 20%;"></div>
  <div class="bar bar-danger" style="width: 10%;"></div>
</div>

Progress bars use some of the same button and alert classes for consistent styles.

<div class="progress progress-info">
  <div class="bar" style="width: 20%"></div>
</div>
<div class="progress progress-success">
  <div class="bar" style="width: 40%"></div>
</div>
<div class="progress progress-warning">
  <div class="bar" style="width: 60%"></div>
</div>
<div class="progress progress-danger">
  <div class="bar" style="width: 80%"></div>
</div>

陆鸣说道：“手机不能买，这么小的孩子要手机干什么，还不是为了玩游戏 ？这玩意上瘾之后可不得了 ，没准连学都不愿意上了……”

Similar to the solid colors, we have varied striped progress bars.

<div class="progress progress-info progress-striped">
  <div class="bar" style="width: 20%"></div>
</div>
<div class="progress progress-success progress-striped">
  <div class="bar" style="width: 40%"></div>
</div>
<div class="progress progress-warning progress-striped">
  <div class="bar" style="width: 60%"></div>
</div>
<div class="progress progress-danger progress-striped">
  <div class="bar" style="width: 80%"></div>
</div>

Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE7-9 or older versions of Firefox.

他说：“要想踏上创业之旅 ，你必须拥有高绝的自欺欺人能力。

　　第三 ，领导决策失误 ，过分注重自己的爱好 ，错误的评估路事件营销价值  。　　 　　将注意力引导到特定元素　　留白让留白所包围的元素显得更加突出 ，如果你想让某个元素从整个设计中脱颖而出
，用留白来突出它是最直接的办法 。

陆万林还是一头雾水，不解道：“可你这是什么目的呢 ？”

　　此外 ，当时国内的燃油车抵押 、拆件散卖的产业链已非常成熟，将燃油车出租给用户的风险较高(友友租车就发生过车辆被用户拿去抵押的事情);而新能源车还没有形成这样的链条，风控更好做 。在运营推动业务的过程中，真正的创新是对自动化 、对效率的极度痴迷  。

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

<div class="media">
  <a class="pull-left" href="#">
    <img class="media-object" src="http://placehold.it/64x64">
  </a>
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    ...

    <!-- Nested media object -->
    <div class="media">
      ...
    </div>
  </div>
</div>

With a bit of extra markup, you can use media inside list (useful for comment threads or articles lists).

<ul class="media-list">
  <li class="media">
    <a class="pull-left" href="#">
      <img class="media-object" src="http://placehold.it/64x64">
    </a>
    <div class="media-body">
      <h4 class="media-heading">Media heading</h4>
      ...

      <!-- Nested media object -->
      <div class="media">
        ...
     </div>
    </div>
  </li>
</ul>

Use the well as a simple effect on an element to give it an inset effect.

<div class="well">
  ...
</div>

Control padding and rounded corners with two optional modifier classes.

<div class="well well-large">
  ...
</div>

<div class="well well-small">
  ...
</div>

Use the generic close icon for dismissing content like modals and alerts.

<button class="close">&times;</button>

iOS devices require an href="#" for click events if you would rather use an anchor.

<a class="close" href="#">&times;</a>

Simple, focused classes for small display or behavior tweaks.

心想，干脆把这老小子拉去灌醉了，然后再从侧面打听一下，都说酒后吐真言，就不信他能扛得住陈年荞麦烧的威力。

业务模式从最初的微信公众号人气推广转移到现在的精品内容电商运营 ，旨在将内容运营积聚的流量实现最大的销售转化。

class="pull-left"

.pull-left {
  float: left;
}

Float an element right

class="pull-right"

.pull-right {
  float: right;
}

Change an element's color to #999

class="muted"

.muted {
  color: #999;
}

Clear the float on any element

class="clearfix"

.clearfix {
  *zoom: 1;
  &:before,
  &:after {
    display: table;
    content: "";
  }
  &:after {
    clear: both;
  }
}