亚洲无码欧美图片-徐洪武

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.

在加拿大，张兰拼了命一般赚钱，最高纪录甚至一天打6份工
：在餐厅洗盘、擦桌子、扛猪肉，在美发店帮人洗头等 。

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

　　在运营半年后 ，友友用车发现这个数字远远不够，于是开始和ETCP合作 。

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

但是感情是感情
，生意归生意 ，最后王功权决定不投“我是一个投资者 ，管理的是别人的钱
。　　广泛配对广告系列，将所有关键字重新添加完全匹配的否定关键字 ，这会强制广泛匹配以识别新的/同义词/相关搜索组合。

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

我不希望产品被少数大客户绑定 。　　在风口的时候 ，这些人中不少，流露出了要超过雷军的想法，比如傅盛做PR说自己不是雷军马前卒，陈年祝福雷军的手机做的和凡客一样好 ，蓝港做斧子科技的时候夸下海口 、但是三年下来，基本上都老实了 。

　　张颖：跟阿里战略投资部的交流 ，起到了很关键的基础性作用。　　综合之下，所有的一切直接导致了鼎晖投资的募资及江湖地位不复当年。

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

如果没有用户在平台上这一切自发的创作 ，无论是niconico还是niconico超会议都无法得以延续。

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

　　没有现金支付打车了，所以大家只能注册印度滴滴-Ola,乖乖绑定移动支付叫车出行。根据该计划，洋河将在2015年上半年推出首款鸡尾酒产品，当年销售5000万元，然后用2～3年时间成为行业主流品牌，最后再用3～5年时间成为行业领导者。

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

　　(1)取消新闻源
，对百度来说是件好事 。他说 ：“这与情感斥资有关，他们往往在只言片语中暴露出负面情绪，比如焦虑或敌意等。

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

　　焦虑太多了，我想来想去觉得内容公司没有护城河是最大的焦虑。

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

陆鸣说道：“在说这件事之前，我向你打听一个人……”

从居住的房子探索一个人的内心，倒是个不错的主意。　　但是，真正有价值的知识和经验都不会是干货
，而是湿货 ，都会有其诸多条件的。

(公告原文)　　为此，卢松松特地和百度的朋友聊了聊
 ，下划线内都是官方说法 ：　　新闻源取消，实际上是百度技术的一次升级和开放，时效性卡片的展示页面不变 ，后端数据将变得更加开放
，不在拘泥于源的申请。老人一定不是负担，如何用好他要靠你的智慧，这是非常重要的。

谈用户 ，平台两端的用户群还算明确，一端是传统企业服务商 ，一端是有管理需求的企业客户;谈价值，给上游企业服务商提供互联网工具 ，提升自身竞争力，给下游服务商提供管理系统，规范管理，节省成本，所以可以说也的确是有价值的。　　李丰：假定这些人被低估了 ，你觉得这一轮创业能不能让他们被合理地定价?　　左志坚 ：现在是一个合理定价的过程 ，我觉得这轮对内容人才的投资是制度套利，人才从体制内进入市场，回归到市场正常的价格 。”　　黑牛食品一马当先，其他跟风者亦不甘落后 ，尤其是白酒企业
。

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

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.

“姑姑，我们今晚……就在这里守灵 ？”陆鸣有点疑惑地问道。

一般我们建议是在6至8小时之间逐渐进行 。　　所以我才说，当我们设定完了新世相图书馆这个服务的时候，我当时已经确认它在半年时间里面 ，一定是一个不愁卖的产品
 ，一定是一个口碑特别好的，很多人讨论的东西。

　　十年“老友”　　风行网和百度联盟的合作始于2007年 。因为以前内容行业的几项基础性工作
，比如编辑、文案策划，对应的行业比较少。　　这些“字母哥”不但威胁了RIO的价格体系，而且败坏了消费者对预调酒的印象 。

　　TOP6:SKII《她最后去了相亲角》女性话题营销　　张锐(时趣互动CEO)：大胆完美的抓住了社会焦虑与产品的结合点，创造了营销拉动销售量50%增长的奇迹。　　通过这些技术
，我们希望不仅能够在如何建立人与人的联系 ，以及如何组建更好的团队这两个问题上获得更准确的  、生物学的有效理解  ，而且能够用其评估各种团队组建方法。于是
 ，碧桂园一下子成了学区房。

　　不只是影视 ，综艺、直播、音乐 、网络文学等在三四五线城市都有着海量级消费群体。“当时把事情想得太简单了，觉得做了之后到市场上应该就能卖。

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.

拥有电视、报纸以及足球解说员背景的董路 ，被称具有“足球相声解说”风格
，非常适合互联网传播，董路也借此积累了高达800万的微博粉丝 。我们自己的判断是，我们现在有非常强的很多人都需要的能力，所以我们会基于这个能力来让公司变大、成长 。

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

　　同步推创始人熊俊、“冷笑话精选”CEO伊光旭就是蔡文胜招揽来的。

毕胜的规划中，五个品牌谁能从市场杀出，资源就向谁倾斜。　　补充分析
：新能源汽车分时租赁是不是一门好生意?　　此前选择从P2P租车模式转向电动汽车分时租赁 ，友友用车联合创始人李宇曾表示 ，“P2P模式是一个很理想化的商业模式，其中有些无法回避的痛点
。

“这么说……所有的项目对大将军公司来说都有优先权 ？”孙淦问道。

　　于是当路人们聊起创业这件事的时候 ，频繁提起的几个关键词基本都与金钱挂钩 。把你需要5年实现的梦想拆解到每一年可预期的目标，再把第一年的目标拆解成每个季度的目标 ，再把1个季度的目标拆解成每个月的目标
。

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