PG麻将糊了吐分率计算方法及相关解析

Media

Example

Below is an example of a single media object. Only two classes are required—the wrapping `.media`and the `.media-body`around your content.

Media heading

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

Nesting

Media objects can be infinitely nested, though we suggest you stop at some point. Place nested `.media`within the `.media-body`of a parent media object.

Media heading

Alignment

Media in a media object can be aligned with flexbox utilities to the top (default), middle, or end of your `.media-body`content.

Top-aligned media

Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Center-aligned media

Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Bottom-aligned media

Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Order

Change the order of content in media objects by modifying the HTML itself, or by adding some custom flexbox CSS to set the `order`property (to an integer of your choosing).

Media object

Media list

Because the media object has so few structural requirements, you can also use these classes on list HTML elements. On your `<ul>`or `<ol>`, add the `.list-unstyled`to remove any browser default list styles, and then apply `.media`to your `<li>`s. As always, use spacing utilities wherever needed to fine tune.

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

8 New Messages

Ariel Blue3 min ago

Jammy Moon5 min ago

Lisa Ross5:25 PM

View all

3 New Notifications

New user registered

New order placed

John like your photo.

View all

Media

Example

Below is an example of a single media object. Only two classes are required—the wrapping .mediaand the .media-bodyaround your content.

Media heading

Nesting

Media objects can be infinitely nested, though we suggest you stop at some point. Place nested .mediawithin the .media-bodyof a parent media object.

Media heading

Media heading

Alignment

Media in a media object can be aligned with flexbox utilities to the top (default), middle, or end of your .media-bodycontent.

Top-aligned media

Center-aligned media

Bottom-aligned media

Order

Change the order of content in media objects by modifying the HTML itself, or by adding some custom flexbox CSS to set the orderproperty (to an integer of your choosing).

Media object

Media list

Because the media object has so few structural requirements, you can also use these classes on list HTML elements. On your <ul>or <ol>, add the .list-unstyledto remove any browser default list styles, and then apply .mediato your <li>s. As always, use spacing utilities wherever needed to fine tune.

List-based media object

List-based media object

List-based media object

PG麻将糊了吐分率计算助手

Below is an example of a single media object. Only two classes are required—the wrapping `.media`and the `.media-body`around your content.

Media objects can be infinitely nested, though we suggest you stop at some point. Place nested `.media`within the `.media-body`of a parent media object.

Media in a media object can be aligned with flexbox utilities to the top (default), middle, or end of your `.media-body`content.

Change the order of content in media objects by modifying the HTML itself, or by adding some custom flexbox CSS to set the `order`property (to an integer of your choosing).