《POP/STAR》MV海外点击量超越S4主题曲

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>

【#火箭勇士裁判# 承认漏吹4次三分犯规！12分！】#勇士赢火箭# 1

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.

包贝尔带女儿走红毯 饺子涂红唇戴皇冠似公主

　　张旭豪：就是这样的磨炼，每次做任何事都要赢。

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

比尔盖茨：去世后20年将关闭基金会

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.

英国能够也应该与华为合作建设5G网络

　　干货大多以名言警句式的形式出现，将众多需要系统学习的理论和知识抽丝剥茧，“去其糟粕取其精华”，只留下结论。

<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 糖心VLOG产精国品免费入口 for that.

陕西省委原秘书长钱引安被双开：一再拒绝组织挽救

糖心VLOG视频在线播放观看 Buttons with dropdowns must be individually wrapped in their own .btn-group within a .btn-toolbar for proper rendering.

男模走秀摔倒当场猝死

　　想要获取最新IT资讯、站长干货分享， 可以关注A5站长网微信公众号。　　读懂新三板此前写过，受到行政处罚，可能会对公司IPO造成影响。

<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 广东省委原常委、统战部原部长曾志权被控受贿1.4亿余元 to function.

一位用户反映，自己刚刚去了北京友友联创信息技术有限公司位于大兴区的注册地点，但“大门紧锁”。“当渠道溢价和流量红利消失的时候，只有通过产品、用户跟商户连接，才会寻找出新的商业模式。

中俄“海上联合—2019”军事演习俄方参演舰艇抵达青岛

　　“前期的人设、世界观等吴奇隆都是跟蓝港游戏研发部门一起开会，一起决定。　　 　　操作结果　　当你需要告诉用户某个操作的结果的时候，可以通过视觉反馈来告知他们。

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

英国能够也应该与华为合作建设5G网络

　　谁来做呢?守护袁昆建议企业老板先做，因为中小企业老板自己不做真没人，人才招不到(没前景也没钱景)，新手招过来也没用。

<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 custom javascript is implemented 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.

“嫦娥”和“玉兔”刚睡醒，就被网友的脑洞评论刷了屏

　　在配合实际操作过程中，配合程度就取决于转让方，如果转让方是公司大股东，创始人，为了促成交易的目的，肯定是100%的配合，假如你是一个机构投资人的话，公司的想法是我可以配合，但是尽量越简单越好。　　我讨厌「羊毛出在猪身上，让狗付钱」的逻辑。

吴京黄渤沈腾韩寒坐上公安部新闻发布会主席台

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

海南HPV疫苗涉案人被曝欲与消费者和解，协议书曝光

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

习近平出席“一带一路”国际合作高峰论坛纪实

　　嘉宾互动环节　　问题1：如何持续生产高质量原创内容，内容创意快枯竭了应该如何应对?　　莫小棋：对内容生产者来说，这是最折磨我们的根本性问题，我也在困扰当中，每个内容都是爆款不太可能，但非常非常重要的是要保持长久出产内容的热情和能力。

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

糖心vlog免费网页版 For nesting within a nav list, include class="nav nav-list" on any nested <ul>.

中俄联合军演俄方参演舰艇抵达青岛

　　niconico超会议的活动主旨是“在地面上再现niconico的一切”。因为班加罗尔的交通是的7-11式拥堵(每周7天每天11小时)，所以距离的丈量已经失去了意义。

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

副部级官员被指严重破坏任职地政治生态 曾主政鄂尔多斯包头

　　推荐阅读：揭秘共享单车运营专员：如何解救“消失”的单车?　　2、共享单车发展最根本的问题是用户体验　　可以说用户的使用体验才是推动O2O单车发展的力量。　　案例：卫龙辣条致敬苹果风　　李三水：卫龙辣条的正经式逆袭。

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

F根服务器浙江镜像节点近日上线

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 考古探秘：5000多年前古人就会使用指纹.

马来西亚豁免印花税 房屋销量或增30%

丹麦首富痛失3个子女

第一届超会议吸引了9万多人来到现场，347万人观看直播，2016年举办的超会议吸引了15万人到达现场。

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

欧尚科赛GT将三季度上市 搭载2.0T动机

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>

[路演]国信证券：投资业务紧盯科创板可能推出做市业务

欧冠-萨拉赫传射 利物浦总比分6-1晋级

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

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

百花村收购“踩雷”临ST，国企或变身民营

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>

北京20名司机被终生禁驾，一半因肇事逃逸一半因酒驾

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>

《驯龙高手3》即将上线：少年与龙勇闯秘境，一起体会成长的滋味

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 疯牛横冲直闯伤2人 民警一枪击毙.

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

家居企业为何不再争涌上市？

　　腾讯科技讯据外媒报道，韩国最大的移动游戏公司NetmarbleGamesCorp周一称，它计划以2.66万亿韩元(约合23.5亿美元)的估值进行IPO。　　近几年网红经济大行其道，各行各业开始不断出现“网红”人物。

重庆VS恒大看台美女球迷云集

　　第四，要对商业变现有深入思考。如果是把投资人请来讲一年，他每天看什么项目，这是有价值的，资讯比学习更有价值。

平民价格的高端旅行车，价格七万起步，主流配置统统有！

讲了一位2014年入职的小米员工，离开亚马逊放弃了90%的期权错过了四倍股价的飙升，拒绝了阿里错过了4000股的股票。　　我们给他们的预测问题包罗万象，从大选、战争、国际条约、疾病，你能想到的都有。”　　彼得创办的Paypal，现在是一家全球知名的在线支付系统，不过Joe加盟那年，Paypal频频遭受黑客攻击，还无法盈利。

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

737 MAX迎角不一致警告转为选配却未告知客户

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>

拒绝购买iPhoneX 女友提出分手

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

美女心理学家解读压力

4月28日，2019中超联赛第七轮的比赛打响，北京中赫国安主场迎战大

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>

深度：神盾舰数量超美日在亚太总和

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.

北京20名司机被终生禁驾，一半因肇事逃逸一半因酒驾

根据读懂新三板研究中心的数据，发布上市辅导公告后至2017年3月8日期间，股价跌幅超过20%，出现“见光死”的公司有20家。

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

一季度投资消费出口表现抢眼

湖南妹子打造310㎡文艺之家 拥星光浴室和天台花园

美海军第三艘朱姆沃尔特舰举行正式命名仪式

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>

官宣！董明珠真的赢了 击败小米完胜10亿赌约

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

中国野生鸟类摄影行为规范倡议

我不知道是什么，但是它一定会存在，这个是我们相信的方向，我们会照着这个方向跑。　　或者咱们解释的简单粗暴一点，这就是个幸存者偏差的故事：你看到的都是成功，你没看到的都是失败。

北京西城区2019幼升小小升初政策出炉！8大变化独家解读

所以1988年得知海南建省，年轻气盛的王功权再也按耐不住，连夜写了一封洋洋洒洒的辞职信，同时递交给党委书记、处长等五位领导，老父亲死活劝不住。其中包括唐人影视、和力辰光等一大批优质公司，细分行业则涵盖影视剧、综艺、电视栏目、院线、动漫、后期制作等诸多领域。后来对方看他实在可怜，就说看你挺诚心，先拿几百万尝试一下。

比起险胜我更喜欢躺赢 雪佛兰科鲁泽上市四重礼

　　有意思的是，双11期间魔力TV还联手“淘宝头条”打造了《脑洞研究所》系列短视频，以生活技能和恶搞趣味内容为电商产品导流。　　2004年，听说熊总打算把金融街和财富网站合并，王功权就与周全两个人打配合。今年年初，嗨球科技与景域集团计划在江苏建一个体育公园。

宋文帝刘义隆被亲生儿所杀

　　3月初，澎湃新闻记者在旧金山市区的街头没有看到小蓝单车的踪影。就算难以改变什么，至少也得有“我只是努力干好自己的本职工作，我的同行们却要因此失业了”这样语不惊人死不休的气势。

朴有天首次承认吸毒事实，此前曾多次坚决否认

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>

格力电器拟分红90亿：董明珠总收入上亿

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

实锤！AMD 7nm Navi显卡仍然基于GCN架构

此前该公司表示，在2017年，公司计划将共享单车带到国内外百座城市。　　 　　百度以及百度们的套路，你真看懂了?　　现在是新媒体时代了，这个大家都知道

<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 糖心vlog国产剧免费观看 for quick and easy dismissal of alerts.

中国制造 | 火箭发射释放的巨大能量如何排走？

　　此后，碧桂园不只是“广东五虎”，已经成了全国地产界的一头猛虎，业绩更是一路飙升，2014年销售额1288亿，2015年1402亿，2016年更是高达3000亿。10年前俏江南还能以笔筒沙拉、江石滚肥牛等菜式吸引顾客，但10年后还是只有这些菜式，而且质量也直线下降，价格又贵，怎么留得住客户?　　在知乎上，“俏江南是如何衰落”共有134个回答，每一个回答都直指俏江南的菜式并不可口、服务不够周到。

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

[征集]春色满园 美景常在

5月新机前瞻:除了华为三星外 还有这些旗舰机可选

Default progress bar with a vertical gradient.

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

斯特林成2019英记者协会年度最佳球员!范戴克第二

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>

今夜美国PCE指数点燃金市 还会影响美联储议息

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.

　　据相关LP透露，在鼎晖投资组建成长基金的时候，一个真实的场景是，鼎晖投资曾被LP质疑，他们是否还能看懂早期项目?　　一个客观现实是，伴随着90后进入职场，甚至在90后的投资经理都已经当道的互联网投资圈，鼎晖创投在众多合伙人离职且没有新鲜血液注入的情况下，鼎晖投资已经离这个时代越来越远，相继错过斗鱼、B站、滴滴等多个项目，也远离了主流VC阵营。

谷歌西雅图在建办公园区塔吊倒塌 致4死4伤

　　“僵尸股”中，2015年净利润在2000万元以上的企业，一共有234家，占比6.22%。

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