亚洲一区二区三区在线播放,伊人久久精品无码av一区,亚洲国产精品一区二区第一页免,无码aⅴ精品一区二区三区浪潮

Tables

Documentation and examples for opt-in styling of tables (given their prevalent use in JavaScript plugins) with Bootstrap.

On this page

Overview

Due to the widespread use of <table> elements across third-party widgets like calendars and date pickers, Bootstrap’s tables are opt-in. Add the base class .table to any <table>, then extend with our optional modifier classes or custom styles. All table styles are not inherited in Bootstrap, meaning any nested tables can be styled independent from the parent.

Using the most basic table markup, here’s how .table-based tables look in Bootstrap.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table">
<thead>
<tr>
  <th scope="col">#</th>
  <th scope="col">First</th>
  <th scope="col">Last</th>
  <th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
  <th scope="row">1</th>
  <td>Mark</td>
  <td>Otto</td>
  <td>@mdo</td>
</tr>
<tr>
  <th scope="row">2</th>
  <td>Jacob</td>
  <td>Thornton</td>
  <td>@fat</td>
</tr>
<tr>
  <th scope="row">3</th>
  <td colspan="2">Larry the Bird</td>
  <td>@twitter</td>
</tr>
</tbody>
</table>

Variants

Use contextual classes to color tables, table rows or individual cells.

Class Heading Heading
Default Cell Cell
Primary Cell Cell
Secondary Cell Cell
Success Cell Cell
Danger Cell Cell
Warning Cell Cell
Info Cell Cell
Light Cell Cell
Dark Cell Cell 
<!-- On tables -->
<table class="table-primary">...</table>
<table class="table-secondary">...</table>
<table class="table-success">...</table>
<table class="table-danger">...</table>
<table class="table-warning">...</table>
<table class="table-info">...</table>
<table class="table-light">...</table>
<table class="table-dark">...</table>

<!-- On rows -->
<tr class="table-primary">...</tr>
<tr class="table-secondary">...</tr>
<tr class="table-success">...</tr>
<tr class="table-danger">...</tr>
<tr class="table-warning">...</tr>
<tr class="table-info">...</tr>
<tr class="table-light">...</tr>
<tr class="table-dark">...</tr>

<!-- On cells (`td` or `th`) -->
<tr>
<td class="table-primary">...</td>
<td class="table-secondary">...</td>
<td class="table-success">...</td>
<td class="table-danger">...</td>
<td class="table-warning">...</td>
<td class="table-info">...</td>
<td class="table-light">...</td>
<td class="table-dark">...</td>
</tr>
Conveying meaning to assistive technologies

Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the .visually-hidden class.

Accented tables

Striped rows

Use .table-striped to add zebra-striping to any table row within the <tbody>.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-striped">
...
</table>

These classes can also be added to table variants:

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-dark table-striped">
...
</table>
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-success table-striped">
...
</table>

Hoverable rows

Add .table-hover to enable a hover state on table rows within a <tbody>.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-hover">
...
</table>
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-dark table-hover">
...
</table>

These hoverable rows can also be combined with the striped variant:

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-striped table-hover">
...
</table>

Active tables

Highlight a table row or cell by adding a .table-active class.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table">
<thead>
...
</thead>
<tbody>
<tr class="table-active">
  ...
</tr>
<tr>
  ...
</tr>
<tr>
  <th scope="row">3</th>
  <td colspan="2" class="table-active">Larry the Bird</td>
  <td>@twitter</td>
</tr>
</tbody>
</table>
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-dark">
<thead>
...
</thead>
<tbody>
<tr class="table-active">
  ...
</tr>
<tr>
  ...
</tr>
<tr>
  <th scope="row">3</th>
  <td colspan="2" class="table-active">Larry the Bird</td>
  <td>@twitter</td>
</tr>
</tbody>
</table>

How do the variants and accented tables work?

For the accented tables (striped rows, hoverable rows, and active tables), we used some techniques to make these effects work for all our table variants:

  • We start by setting the background of a table cell with the --bs-table-bg custom property. All table variants then set that custom property to colorize the table cells. This way, we don’t get into trouble if semi-transparent colors are used as table backgrounds.
  • Then we add an inset box shadow on the table cells with box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); to layer on top of any specified background-color. Because we use a huge spread and no blur, the color will be monotone. Since --bs-table-accent-bg is unset by default, we don’t have a default box shadow.
  • When either .table-striped, .table-hover or .table-active classes are added, the --bs-table-accent-bg is set to a semitransparent color to colorize the background.
  • For each table variant, we generate a --bs-table-accent-bg color with the highest contrast depending on that color. For example, the accent color for .table-primary is darker while .table-dark has a lighter accent color.
  • Text and border colors are generated the same way, and their colors are inherited by default.

Behind the scenes it looks like this:

@mixin table-variant($state, $background) {
.table-#{$state} {
$color: color-contrast(opaque($body-bg, $background));
$hover-bg: mix($color, $background, percentage($table-hover-bg-factor));
$striped-bg: mix($color, $background, percentage($table-striped-bg-factor));
$active-bg: mix($color, $background, percentage($table-active-bg-factor));

--#{$variable-prefix}table-bg: #{$background};
--#{$variable-prefix}table-striped-bg: #{$striped-bg};
--#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)};
--#{$variable-prefix}table-active-bg: #{$active-bg};
--#{$variable-prefix}table-active-color: #{color-contrast($active-bg)};
--#{$variable-prefix}table-hover-bg: #{$hover-bg};
--#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)};

color: $color;
border-color: mix($color, $background, percentage($table-border-factor));
}
}

Table borders

Bordered tables

Add .table-bordered for borders on all sides of the table and cells.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-bordered">
...
</table>

Border color utilities can be added to change colors:

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-bordered border-primary">
...
</table>

Tables without borders

Add .table-borderless for a table without borders.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-borderless">
...
</table>
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-dark table-borderless">
...
</table>

Small tables

Add .table-sm to make any .table more compact by cutting all cell padding in half.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-sm">
...
</table>
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-dark table-sm">
...
</table>

Vertical alignment

Table cells of <thead> are always vertical aligned to the bottom. Table cells in <tbody> inherit their alignment from <table> and are aligned to the the top by default. Use the vertical align classes to re-align where needed.

Heading 1 Heading 2 Heading 3 Heading 4
This cell inherits vertical-align: middle; from the table This cell inherits vertical-align: middle; from the table This cell inherits vertical-align: middle; from the table This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells.
This cell inherits vertical-align: bottom; from the table row This cell inherits vertical-align: bottom; from the table row This cell inherits vertical-align: bottom; from the table row This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells.
This cell inherits vertical-align: middle; from the table This cell inherits vertical-align: middle; from the table This cell is aligned to the top. This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells. 
<table class="table table-sm table-dark">
<div class="table-responsive">
<table class="table align-middle">
  <thead>
    <tr>
      ...
    </tr>
  </thead>
  <tbody>
    <tr>
      ...
    </tr>
    <tr class="align-bottom">
      ...
    </tr>
    <tr>
      <td>...</td>
      <td>...</td>
      <td class="align-top">This cell is aligned to the top.</td>
      <td>...</td>
    </tr>
  </tbody>
</table>
</div>
</table>

Nesting

Border styles, active styles, and table variants are not inherited by nested tables.

# First Last Handle
1 Mark Otto @mdo
Header Header Header
A First Last
B First Last
C First Last
3 Larry the Bird @twitter 
<table class="table table-striped">
<thead>
...
</thead>
<tbody>
...
<tr>
  <td colspan="4">
    <table class="table mb-0">
      ...
    </table>
  </td>
</tr>
...
</tbody>
</table>

How nesting works

To prevent any styles from leaking to nested tables, we use the child combinator (>) selector in our CSS. Since we need to target all the tds and ths in the thead, tbody, and tfoot, our selector would look pretty long without it. As such, we use the rather odd looking .table > :not(caption) > * > * selector to target all tds and ths of the .table, but none of any potential nested tables.

Note that if you add <tr>s as direct children of a table, those <tr> will be wrapped in a <tbody> by default, thus making our selectors work as intended.

Anatomy

Table head

Similar to tables and dark tables, use the modifier classes .table-light or .table-dark to make <thead>s appear light or dark gray.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table">
<thead class="table-light">
...
</thead>
<tbody>
...
</tbody>
</table>
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table">
<thead class="table-dark">
...
</thead>
<tbody>
...
</tbody>
</table>

Table foot

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Footer Footer Footer Footer 
<table class="table">
<thead>
...
</thead>
<tbody>
...
</tbody>
<tfoot>
...
</tfoot>
</table>

Captions

A <caption> functions like a heading for a table. It helps users with screen readers to find a table and understand what it’s about and decide if they want to read it.

List of users
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table table-sm">
<caption>List of users</caption>
<thead>
...
</thead>
<tbody>
...
</tbody>
</table>

You can also put the <caption> on the top of the table with .caption-top.

List of users
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter 
<table class="table caption-top">
<caption>List of users</caption>
<thead>
<tr>
  <th scope="col">#</th>
  <th scope="col">First</th>
  <th scope="col">Last</th>
  <th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
  <th scope="row">1</th>
  <td>Mark</td>
  <td>Otto</td>
  <td>@mdo</td>
</tr>
<tr>
  <th scope="row">2</th>
  <td>Jacob</td>
  <td>Thornton</td>
  <td>@fat</td>
</tr>
<tr>
  <th scope="row">3</th>
  <td>Larry</td>
  <td>the Bird</td>
  <td>@twitter</td>
</tr>
</tbody>
</table>

Responsive tables

Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports by wrapping a .table with .table-responsive. Or, pick a maximum breakpoint with which to have a responsive table up to by using .table-responsive{-sm|-md|-lg|-xl|-xxl}.

Vertical clipping/truncation

Responsive tables make use of overflow-y: hidden, which clips off any content that goes beyond the bottom or top edges of the table. In particular, this can clip off dropdown menus and other third-party widgets.

Always responsive

Across every breakpoint, use .table-responsive for horizontally scrolling tables.

# Heading Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell Cell
2 Cell Cell Cell Cell Cell Cell Cell Cell Cell
3 Cell Cell Cell Cell Cell Cell Cell Cell Cell 
<div class="table-responsive">
<table class="table">
...
</table>
</div>

Breakpoint specific

Use .table-responsive{-sm|-md|-lg|-xl|-xxl} as needed to create responsive tables up to a particular breakpoint. From that breakpoint and up, the table will behave normally and not scroll horizontally.

These tables may appear broken until their responsive styles apply at specific viewport widths.

# Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell
2 Cell Cell Cell Cell Cell Cell Cell Cell
3 Cell Cell Cell Cell Cell Cell Cell Cell
# Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell
2 Cell Cell Cell Cell Cell Cell Cell Cell
3 Cell Cell Cell Cell Cell Cell Cell Cell
# Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell
2 Cell Cell Cell Cell Cell Cell Cell Cell
3 Cell Cell Cell Cell Cell Cell Cell Cell
# Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell
2 Cell Cell Cell Cell Cell Cell Cell Cell
3 Cell Cell Cell Cell Cell Cell Cell Cell
# Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell
2 Cell Cell Cell Cell Cell Cell Cell Cell
3 Cell Cell Cell Cell Cell Cell Cell Cell
# Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell
2 Cell Cell Cell Cell Cell Cell Cell Cell
3 Cell Cell Cell Cell Cell Cell Cell Cell 
<div class="table-responsive">
<table class="table">
...
</table>
</div>

<div class="table-responsive-sm">
<table class="table">
...
</table>
</div>

<div class="table-responsive-md">
<table class="table">
...
</table>
</div>

<div class="table-responsive-lg">
<table class="table">
...
</table>
</div>

<div class="table-responsive-xl">
<table class="table">
...
</table>
</div>

<div class="table-responsive-xxl">
<table class="table">
...
</table>
</div>

Sass

Variables

$table-cell-padding-y:        .5rem;
$table-cell-padding-x:        .5rem;
$table-cell-padding-y-sm:     .25rem;
$table-cell-padding-x-sm:     .25rem;

$table-cell-vertical-align:   top;

$table-color:                 $body-color;
$table-bg:                    transparent;

$table-th-font-weight:        null;

$table-striped-color:         $table-color;
$table-striped-bg-factor:     .05;
$table-striped-bg:            rgba($black, $table-striped-bg-factor);

$table-active-color:          $table-color;
$table-active-bg-factor:      .1;
$table-active-bg:             rgba($black, $table-active-bg-factor);

$table-hover-color:           $table-color;
$table-hover-bg-factor:       .075;
$table-hover-bg:              rgba($black, $table-hover-bg-factor);

$table-border-factor:         .1;
$table-border-width:          $border-width;
$table-border-color:          $border-color;

$table-striped-order:         odd;

$table-group-separator-color: currentColor;

$table-caption-color:         $text-muted;

$table-bg-scale:              -80%;

Loop

$table-variants: (
"primary":    shift-color($primary, $table-bg-scale),
"secondary":  shift-color($secondary, $table-bg-scale),
"success":    shift-color($success, $table-bg-scale),
"info":       shift-color($info, $table-bg-scale),
"warning":    shift-color($warning, $table-bg-scale),
"danger":     shift-color($danger, $table-bg-scale),
"light":      $light,
"dark":       $dark,
);

Customizing

  • The factor variables ($table-striped-bg-factor, $table-active-bg-factor & $table-hover-bg-factor) are used to determine the contrast in table variants.
  • Apart from the light & dark table variants, theme colors are lightened by the $table-bg-level variable.
返回頂部
亚洲一区二区三区在线播放,伊人久久精品无码av一区,亚洲国产精品一区二区第一页免,无码aⅴ精品一区二区三区浪潮
<span id="fu32q"></span>
    3. 

    5. <li id="fu32q"><meter id="fu32q"><th id="fu32q"></th></meter></li>
      
国产成人免费视频网站|
国产毛片精品视频|
美女在线视频一区|
国产一区二区按摩在线观看|
波多野结衣中文一区|
日韩电影在线观看网站|
国产传媒久久文化传媒|
日韩精品国产精品|
国产成人亚洲综合色影视|
日韩一区精品字幕|
岛国精品在线播放|
久久99久久99|
日韩成人dvd|
粉嫩13p一区二区三区|
热久久一区二区|
成人v精品蜜桃久久一区|
另类调教123区
|
国产精品99久久久久久似苏梦涵|
proumb性欧美在线观看|
久久99九九99精品|
日韩电影免费在线看|
国产成人精品三级|
国产真实精品久久二三区|
91在线丨porny丨国产|
国产成人h网站|
久久黄色级2电影|
日韩高清在线不卡|
av福利精品导航|
国产黄色精品视频|
国产在线播放一区|
狠狠色综合日日|
美女www一区二区|
日韩av二区在线播放|
97久久超碰国产精品|
丁香六月综合激情|
国产mv日韩mv欧美|
国产iv一区二区三区|
国产精一区二区三区|
精品一区二区三区免费观看|
免费观看日韩av|
日韩精品三区四区|
男女性色大片免费观看一区二区|
91蜜桃在线观看|
91欧美激情一区二区三区成人|
成人午夜大片免费观看|
国产91精品露脸国语对白|
国产成人免费视频一区|
成人午夜在线视频|
成人国产在线观看|
97久久超碰国产精品电影|
99热国产精品|
日本亚洲欧美天堂免费|
青青草精品视频|
另类人妖一区二区av|
激情五月播播久久久精品|
激情五月婷婷综合|
成人一道本在线|
eeuss鲁片一区二区三区在线观看|
成人免费毛片高清视频|
成人福利视频在线|
日韩激情av在线|
久久99国产精品免费|
国内精品久久久久影院色|
国产精品88888|
波多野结衣视频一区|
日韩经典中文字幕一区|
久久精品久久99精品久久|
国产一区视频网站|
不卡大黄网站免费看|
日本午夜一区二区|
国产精品亚洲视频|
91麻豆高清视频|
黄色精品一二区|
www.日韩av|
久久国产精品第一页|
国产精品1024|
日韩福利视频网|
国产一区二区免费在线|
不卡一区二区在线|
久久国产成人午夜av影院|
国产成人精品影视|
日韩高清不卡一区二区|
国产精品亚洲第一|
日本三级亚洲精品|
国产成人免费网站|
久久精品国产精品青草|
成人国产精品免费观看|
久久精品99国产精品|
北条麻妃国产九九精品视频|
另类综合日韩欧美亚洲|
eeuss影院一区二区三区
|
粉嫩av亚洲一区二区图片|
日韩va欧美va亚洲va久久|
国产成人精品免费在线|
理论电影国产精品|
日韩黄色小视频|
成人一区二区三区|
国产麻豆精品在线|
蜜桃免费网站一区二区三区|
成人美女在线视频|
国产精品一级二级三级|
国产一区二区三区在线观看精品
|
国产成人在线视频网站|
日本亚洲免费观看|
97久久精品人人澡人人爽|
国产精品一区二区三区网站|
日韩av电影一区|
91亚洲精华国产精华精华液|
高清久久久久久|
国产乱码精品一区二区三区忘忧草|
国产福利一区二区|
97久久精品人人做人人爽|
九一九一国产精品|
日本女人一区二区三区|
jlzzjlzz亚洲日本少妇|
国产v综合v亚洲欧|
国产精品一区二区你懂的|
久久99精品久久久久久久久久久久|
99国产精品久久久久久久久久|
国产精品18久久久久久久久|
国产真实乱对白精彩久久|
久久国产精品色|
久热成人在线视频|
久久精品国产一区二区三区免费看|
91视频免费观看|
99久久99久久精品免费观看|
www.激情成人|
av不卡免费在线观看|
不卡的av在线|
99re8在线精品视频免费播放|
北岛玲一区二区三区四区|
thepron国产精品|
91在线精品一区二区|
91免费在线播放|
日韩国产在线观看一区|
免费成人av在线|
久久97超碰国产精品超碰|
久久成人免费网站|
国产一区二区免费看|
国产99久久久精品|
av成人免费在线|
91麻豆国产福利精品|
麻豆精品视频在线观看免费|
久久99久国产精品黄毛片色诱|
国产一区二区三区久久悠悠色av
|
国产福利不卡视频|
高清在线成人网|
91影院在线免费观看|
日韩av电影一区|
精品一区二区国语对白|
国产成人av一区二区三区在线
|
国内精品久久久久影院色|
国产一区亚洲一区|
波多野洁衣一区|
日本在线不卡视频一二三区|
国产一区美女在线|
岛国一区二区三区|
日韩不卡一区二区|
国产精品资源站在线|
93久久精品日日躁夜夜躁欧美|
日韩成人伦理电影在线观看|
国产精品一区免费在线观看|
99re这里只有精品首页|
久久成人免费电影|
不卡大黄网站免费看|
久久99精品国产麻豆不卡|
成人小视频免费在线观看|
蜜桃视频在线观看一区|
成人黄色网址在线观看|
久久99深爱久久99精品|
av一区二区不卡|
国产在线一区观看|
日韩国产高清影视|
暴力调教一区二区三区|
国产制服丝袜一区|
奇米影视一区二区三区小说|
高清国产一区二区|
久久国产精品99精品国产|
99久久久久久|
国产成人免费xxxxxxxx|
久久99精品久久久久久|
91在线视频官网|
懂色中文一区二区在线播放|
久久国内精品自在自线400部|
成人在线一区二区三区|
国产资源在线一区|
九色综合狠狠综合久久|
97久久超碰国产精品电影|
国产福利精品导航|
国产一区二区三区香蕉|
捆绑变态av一区二区三区|
91小视频在线观看|
成人黄色综合网站|
成人网页在线观看|
国产做a爰片久久毛片|
免费成人你懂的|
日韩精品亚洲专区|
91丨九色丨蝌蚪丨老版|
免费高清在线一区|
91亚洲资源网|
不卡的电视剧免费网站有什么|
国产精品亚洲专一区二区三区
|
国产91丝袜在线观看|
国产一区二区三区免费|
韩国一区二区在线观看|
另类专区欧美蜜桃臀第一页|
美国av一区二区|
青娱乐精品视频在线|
男人操女人的视频在线观看欧美|
91视频观看视频|
天堂影院一区二区|
91麻豆国产自产在线观看|
91女厕偷拍女厕偷拍高清|
99热99精品|
日韩经典一区二区|
免费在线观看视频一区|
免费在线观看精品|
狠狠色狠狠色合久久伊人|
韩国成人精品a∨在线观看|
国产一区二区三区在线观看免费|
国内精品国产三级国产a久久
|
九九在线精品视频|
极品美女销魂一区二区三区免费|
久久99国产精品久久99果冻传媒|
极品少妇一区二区三区精品视频|
韩日av一区二区|
高清国产一区二区|
视频一区二区中文字幕|
麻豆专区一区二区三区四区五区|
久久国产日韩欧美精品|
国产精选一区二区三区|
jiyouzz国产精品久久|
日本在线观看不卡视频|
国产中文字幕一区|
成人美女视频在线观看|
日韩国产精品91|
国产在线视频精品一区|
成人黄页在线观看|
蜜桃视频第一区免费观看|
国产伦精品一区二区三区在线观看|
国产不卡视频一区|
日韩精彩视频在线观看|
国产在线精品不卡|
99精品国产视频|
久久国产日韩欧美精品|
成+人+亚洲+综合天堂|
欧美aaa在线|
丁香天五香天堂综合|
日韩精品欧美精品|
国产成人日日夜夜|
美女免费视频一区|
成人av在线一区二区三区|
秋霞影院一区二区|
成人午夜大片免费观看|
久久国产精品第一页|
av亚洲精华国产精华|
精品一区二区三区不卡|
99久免费精品视频在线观看|
精品在线免费视频|
91视视频在线观看入口直接观看www|
极品美女销魂一区二区三区
|
99久久综合色|
国产麻豆91精品|
日韩精品欧美成人高清一区二区|
国产精品亚洲综合一区在线观看|
日本欧美一区二区三区乱码
|
精品一区二区三区在线播放视频|
北岛玲一区二区三区四区|
国产一区二区按摩在线观看|
日本sm残虐另类|
99亚偷拍自图区亚洲|
国产精品一区二区在线观看网站|
日韩成人免费电影|
91丨porny丨最新|
成人精品鲁一区一区二区|
久久国产精品99精品国产
|
国产suv精品一区二区883|
久久国产夜色精品鲁鲁99|
日本大胆欧美人术艺术动态|
bt欧美亚洲午夜电影天堂|
国产精品亚洲综合一区在线观看|
久久国产精品第一页|
美女脱光内衣内裤视频久久影院|
99久久久精品|
国产999精品久久久久久|
国产一区二区三区香蕉|
国产精品自在欧美一区|
久久99热狠狠色一区二区|
免费看欧美美女黄的网站|
91在线看国产|
99国产精品久久久久久久久久久
|
国产一区二区三区蝌蚪|
精品在线免费视频|
极品少妇一区二区三区精品视频|
麻豆成人久久精品二区三区红|
青青草97国产精品免费观看|
91美女在线视频|
日韩高清一级片|
蜜臀久久99精品久久久画质超高清
|
激情图片小说一区|
久久99在线观看|
国产一区视频网站|
国产91精品一区二区麻豆亚洲|
国产麻豆精品95视频|
国产成人精品免费在线|
国产69精品一区二区亚洲孕妇|
国产成人精品亚洲日本在线桃色|
国产成人久久精品77777最新版本|
国产福利精品导航|
av毛片久久久久**hd|
日韩国产欧美三级|
精品一区二区三区香蕉蜜桃|
国产精品一区免费在线观看|
国产成人啪免费观看软件|
波波电影院一区二区三区|
天堂久久一区二区三区|
免费久久99精品国产|
国内精品伊人久久久久av影院|
国产在线一区二区综合免费视频|
国产91对白在线观看九色|
9i在线看片成人免费|
秋霞电影网一区二区|
国模一区二区三区白浆|
波多野结衣视频一区|
蜜臀av性久久久久蜜臀av麻豆|
紧缚捆绑精品一区二区|
成人av网在线|
免费看欧美女人艹b|
国产成人精品亚洲午夜麻豆|
91香蕉视频mp4|
精品伊人久久久久7777人|
高清av一区二区|
美日韩一级片在线观看|
国产成人8x视频一区二区|
日韩成人精品在线观看|
国产黄色成人av|
蜜桃在线一区二区三区|
国产91丝袜在线播放0|
日本少妇一区二区|
国产成人免费视频网站
|
av网站免费线看精品|
麻豆成人在线观看|
99亚偷拍自图区亚洲|
国产一区二区日韩精品|
日韩高清一区二区|
成人中文字幕电影|
国内外成人在线|
日韩电影一区二区三区四区|
高清国产一区二区三区|
久久精品国产久精国产|
a在线欧美一区|
国产精品一区二区免费不卡|
日本一区中文字幕|
99这里只有精品|
国产激情视频一区二区三区欧美|
人人狠狠综合久久亚洲|
波多野结衣在线一区|
国产精品一级在线|
久久国内精品自在自线400部|
99久久国产免费看|
丁香网亚洲国际|
国内一区二区视频|
久久精品国产一区二区三|
首页国产欧美久久|
a级精品国产片在线观看|
国产白丝精品91爽爽久久|
精品一区二区精品|
麻豆高清免费国产一区|
日韩电影在线观看电影|
91美女视频网站|
99久久精品费精品国产一区二区|
国产精品主播直播|
韩国毛片一区二区三区|
久草精品在线观看|
久久97超碰国产精品超碰|
麻豆精品国产91久久久久久
|
麻豆精品在线看|
日本不卡视频在线观看|
日韩中文字幕麻豆|
日韩影院在线观看|
日本不卡不码高清免费观看|
处破女av一区二区|
国产不卡视频在线播放|
丁香天五香天堂综合|
丰满少妇久久久久久久|
成人免费看视频|
不卡欧美aaaaa|
99久久精品国产毛片|
91麻豆福利精品推荐|
日韩高清一区在线|
日本v片在线高清不卡在线观看|
日本vs亚洲vs韩国一区三区二区
|
国产精品乡下勾搭老头1|
国产一区二区三区蝌蚪|
国产精品综合在线视频|
成人在线综合网站|
99在线精品一区二区三区|
日韩精品一二三四|
久久97超碰色|
国产98色在线|日韩|