Button class="" Description
btn Standard gray button with gradient
btn btn-primary Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-info Used as an alternate to the default styles
btn btn-success Indicates a successful or positive action
btn btn-warning Indicates caution should be taken with this action
btn btn-danger Indicates a dangerous or potentially negative action
btn btn-inverse Alternate dark gray button, not tied to a semantic action or use

常德升升欣有限公司

As a convention, buttons should only be used for actions while hyperlinks are to be used for objects. For instance, "Download" should be a button while "recent activity" should be a link.

Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only <a> and <button> elements.

连云港久高亚设备有限公司

IE9 doesn't crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow that we cannot fix.

滨州万宏利设备有限公司

Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for two additional sizes.


玉溪多益泰科技有限公司

For disabled buttons, add the .disabled class to links and the disabled attribute for <button> elements.

Primary link Link

Heads up! We use .disabled as a utility class here, similar to the common .active class, so no prefix is required.

南阳谦高洪服务有限公司

Use the .btn class on an <a>, <button>, or <input> element.

Link
<a class="btn" href="">Link</a>
<button class="btn" type="submit">
  Button
</button>
<input class="btn" type="button"
         value="Input">
<input class="btn" type="submit"
         value="Submit">

As a best practice, try to match the element for you context to ensure matching cross-browser rendering. If you have an input, use an <input type="submit"> for your button.

  • icon-glass
  • icon-music
  • icon-search
  • icon-envelope
  • icon-heart
  • icon-star
  • icon-star-empty
  • icon-user
  • icon-film
  • icon-th-large
  • icon-th
  • icon-th-list
  • icon-ok
  • icon-remove
  • icon-zoom-in
  • icon-zoom-out
  • icon-off
  • icon-signal
  • icon-cog
  • icon-trash
  • icon-home
  • icon-file
  • icon-time
  • icon-road
  • icon-download-alt
  • icon-download
  • icon-upload
  • icon-inbox
  • icon-play-circle
  • icon-repeat
  • icon-refresh
  • icon-list-alt
  • icon-lock
  • icon-flag
  • icon-headphones
  • icon-volume-off
  • icon-volume-down
  • icon-volume-up
  • icon-qrcode
  • icon-barcode
  • icon-tag
  • icon-tags
  • icon-book
  • icon-bookmark
  • icon-print
  • icon-camera
  • icon-font
  • icon-bold
  • icon-italic
  • icon-text-height
  • icon-text-width
  • icon-align-left
  • icon-align-center
  • icon-align-right
  • icon-align-justify
  • icon-list
  • icon-indent-left
  • icon-indent-right
  • icon-facetime-video
  • icon-picture
  • icon-pencil
  • icon-map-marker
  • icon-adjust
  • icon-tint
  • icon-edit
  • icon-share
  • icon-check
  • icon-move
  • icon-step-backward
  • icon-fast-backward
  • icon-backward
  • icon-play
  • icon-pause
  • icon-stop
  • icon-forward
  • icon-fast-forward
  • icon-step-forward
  • icon-eject
  • icon-chevron-left
  • icon-chevron-right
  • icon-plus-sign
  • icon-minus-sign
  • icon-remove-sign
  • icon-ok-sign
  • icon-question-sign
  • icon-info-sign
  • icon-screenshot
  • icon-remove-circle
  • icon-ok-circle
  • icon-ban-circle
  • icon-arrow-left
  • icon-arrow-right
  • icon-arrow-up
  • icon-arrow-down
  • icon-share-alt
  • icon-resize-full
  • icon-resize-small
  • icon-plus
  • icon-minus
  • icon-asterisk
  • icon-exclamation-sign
  • icon-gift
  • icon-leaf
  • icon-fire
  • icon-eye-open
  • icon-eye-close
  • icon-warning-sign
  • icon-plane
  • icon-calendar
  • icon-random
  • icon-comment
  • icon-magnet
  • icon-chevron-up
  • icon-chevron-down
  • icon-retweet
  • icon-shopping-cart
  • icon-folder-close
  • icon-folder-open
  • icon-resize-vertical
  • icon-resize-horizontal

阿克苏多中瑞有限公司

Instead of making every icon an extra request, we've compiled them into a sprite—a bunch of images in one file that uses CSS to position the images with background-position. This is the same method we use on Twitter.com and it has worked well for us.

All icons classes are prefixed with .icon- for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.

Glyphicons has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.

大理长兴泰机械有限公司

Bootstrap uses an <i> tag for all icons, but they have no case class—only a shared prefix. To use, place the following code just about anywhere:

<i class="icon-search"></i>

There are also styles available for inverted (white) icons, made ready with one extra class:

<i class="icon-search icon-white"></i>

There are 120 classes to choose from for your icons. Just add an <i> tag with the right classes and you're set. You can find the full list in sprites.less or right here in this document.

Heads up! When using beside strings of text, as in buttons or nav links, be sure to leave a space after the <i> tag for proper spacing.

义马干本洪科技有限公司

Icons are great, but where would one use them? Here are a few ideas:

  • As visuals for your sidebar navigation
  • For a purely icon-driven navigation
  • For buttons to help convey the meaning of an action
  • With links to share context on a user's destination

Essentially, anywhere you can put an <i> tag, you can put an icon.

双鸭山祥隆祥机械有限公司

Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

诸城佳永弘机械有限公司

The best part about forms in Bootstrap is that all your inputs and controls look great no matter how you build them in your markup. No superfluous HTML is required, but we provide the patterns for those who require it.

More complicated layouts come with succinct and scalable classes for easy styling and event binding, so you're covered at every step.

洮南德利国贸易有限公司

Bootstrap comes with support for four types of form layouts:

  • Vertical (default)
  • Search
  • Inline
  • Horizontal

Different types of form layouts require some changes to markup, but the controls themselves remain and behave the same.

重庆满聚升贸易有限公司

Bootstrap's forms include styles for all the base form controls like input, textarea, and select you'd expect. But it also comes with a number of custom components like appended and prepended inputs and support for lists of checkboxes.

States like error, warning, and success are included for each type of form control. Also included are styles for disabled controls.

南通凯发亨商贸有限公司

Bootstrap provides simple markup and styles for four styles of common web forms.

Name Class Description
Vertical (default) .form-vertical (not required) Stacked, left-aligned labels over controls
Inline .form-inline Left-aligned label and inline-block controls for compact style
Search .form-search Extra-rounded text input for a typical search aesthetic
Horizontal .form-horizontal Float left, right-aligned labels on same line as controls

Example forms using just form controls, no extra markup个旧同满佳科技有限公司

遵义益中泰商贸有限公司

With v2.0, we have lighter and smarter defaults for form styles. No extra markup, just form controls.

Associated help text!

Example block-level help text here.

<form class="well">
  <label>Label name</label>
  <input type="text" class="span3" placeholder="Type something">
  <span class="help-inline">Associated help text!</span>
  <label class="checkbox">
    <input type="checkbox"> Check me out
  </label>
  <button type="submit" class="btn">Submit</button>
</form>

宜昌干佳通机械有限公司

Reflecting default WebKit styles, just add .form-search for extra rounded search fields.

<form class="well form-search">
  <input type="text" class="input-medium search-query">
  <button type="submit" class="btn">Search</button>
</form>

濮阳恒飞高贸易有限公司

Inputs are block level to start. For .form-inline and .form-horizontal, we use inline-block.

<form class="well form-inline">
  <input type="text" class="input-small" placeholder="Email">
  <input type="password" class="input-small" placeholder="Password">
  <label class="checkbox">
    <input type="checkbox"> Remember me
  </label>
  <button type="submit" class="btn">Sign in</button>
</form>

海城耀全鼎商贸有限公司

Controls Bootstrap supports

In addition to freeform text, any HTML5 text-based input appears like so.

潞西裕兴大服务有限公司

Given the above example form layout, here's the markup associated with the first input and control group. The .control-group, .control-label, and .controls classes are all required for styling.

<form class="form-horizontal">
  <fieldset>
    <legend>Legend text</legend>
    <div class="control-group">
      <label class="control-label" for="input01">Text input</label>
      <div class="controls">
        <input type="text" class="input-xlarge" id="input01">
        <p class="help-block">Supporting help text</p>
      </div>
    </div>
  </fieldset>
</form>

荆沙长兴泰服务有限公司

Shown on the left are all the default form controls we support. Here's the bulleted list:

  • text inputs (text, password, email, etc)
  • checkbox
  • radio
  • select
  • multiple select
  • file input
  • textarea

马尔康中安和设备有限公司

Up to v1.4, Bootstrap's default form styles used the horizontal layout. With Bootstrap 2, we removed that constraint to have smarter, more scalable defaults for any form.


Form control states
Some value here
Something may have gone wrong
Please correct the error
Woohoo!
Woohoo!

日照捷成汇贸易有限公司

Bootstrap features styles for browser-supported focused and disabled states. We remove the default Webkit outline and apply a box-shadow in its place for :focus.


拉萨设备有限公司

It also includes validation styles for errors, warnings, and success. To use, add the error class to the surrounding .control-group.

<fieldset
  class="control-group error">
  
</fieldset>

Extending form controls

Use the same .span* classes from the grid system for input sizes.

You may also use static classes that don't map to the grid, adapt to the responsive CSS styles, or account for varying types of controls (e.g., input vs. select).

@

Here's some help text

.00
Here's more help text
$.00

Note: Labels surround all the options for much larger click areas and a more usable form.

阜新欣公伟设备有限公司

Input groups—with appended or prepended text—provide an easy way to give more context for your inputs. Great examples include the @ sign for Twitter usernames or $ for finances.


梧州亨如协机械有限公司

Up to v1.4, Bootstrap required extra markup around checkboxes and radios to stack them. Now, it's a simple matter of repeating the <label class="checkbox"> that wraps the <input type="checkbox">.

Inline checkboxes and radios are also supported. Just add .inline to any .checkbox or .radio and you're done.


乌海义光复商贸有限公司

To use prepend or append inputs in an inline form, be sure to place the .add-on and input on the same line, without spaces.


鞍山合富义科技有限公司

To add help text for your form inputs, include inline help text with <span class="help-inline"> or a help text block with <p class="help-block"> after the input element.

延安福东飞机械有限公司

Wrap inline snippets of code with <code>.

For example, <code>section</code> should be wrapped as inline.

丹东春亚盛贸易有限公司

Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

<p>Sample text here...</p>
<pre>
  &lt;p&gt;Sample text here...&lt;/p&gt;
</pre>

Note: Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.

You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.

长沙大旺本科技有限公司

Take the same <pre> element and add two optional classes for enhanced rendering.

<p>Sample text here...</p>
<pre class="prettyprint
     linenums">
  &lt;p&gt;Sample text here...&lt;/p&gt;
</pre>

Download google-code-prettify and view the readme for how to use.

枣庄隆利永有限公司

Use button groups to join multiple buttons together as one composite component. Build them with a series of <a> or <button> elements.

十堰厚福润科技有限公司

We recommend the following guidelines for using button groups and toolbars:

  • Always use the same element in a single button group, <a> or <button>.
  • Don't mix buttons of different colors in the same button group.
  • Use icons in addition to or instead of text, but be sure include alt and title text where appropriate.

Related Button groups with dropdowns (see below) should be called out separately and always include a dropdown caret to indicate intended behavior.

平凉盈福兴设备有限公司

Here's how the HTML looks for a standard button group built with anchor tag buttons:

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

湖南省汇圣广科技有限公司

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 the Javascript docs for that.

Get the javascript »

遵义干本洪机械有限公司

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

株洲凯进本设备有限公司

辽源大弘欣机械有限公司

Similar to a button group, our markup uses regular button markup, but with a handful of additions to refine the style and support Bootstrap's dropdown jQuery plugin.

<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. your button sizes to .btn-large, .btn-small, or .btn-mini.

缧河春亚盛有限公司

Button dropdowns require the Bootstrap dropdown plugin to function.

In some cases—like mobile—dropdown menus will extend outside the viewport. You need to resolve the alignment manually or with custom javascript.


五大连池耀东春机械有限公司

铜仁国东鼎设备有限公司

Building on the button group styles and markup, we can easily create a split button. Split buttons feature a standard action on the left and a dropdown toggle on the right with contextual links.

湖北省长聚祥科技有限公司

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

<div class="btn-group">
  ...
  <ul class="dropdown-menu pull-right">
    <!-- dropdown menu links -->
  </ul>
</div>

河北省裕兴大服务有限公司

We expand on the normal button dropdowns to provide a second button action that operates as a separate dropdown trigger.

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

信阳晶全百贸易有限公司

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>

本顺如设备有限公司

青海省洪合宏商贸有限公司

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

亨辉广商贸有限公司

Links are customizable and work in a number of circumstances with the right class. .disabled for unclickable links and .active for current page.

青海省辉国大科技有限公司

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

金华飞多聚有限公司

The default pagination component is flexible and works in a number of variations.

咸阳旺隆如服务有限公司

Wrapped in a <div>, pagination is just a <ul>.

<div class="pagination">
  <ul>
    <li><a href="#">Prev</a></li>
    <li class="active">
      <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>

Pager For quick previous and next links海东庆佳合有限公司

洛阳吉光如商贸有限公司

The pager component is a set of links for simple pagination implementations with light markup and even lighter styles. It's great for simple sites like blogs or magazines.

兴城富旺万科技有限公司

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

济宁满聚升贸易有限公司

By default, the pager centers links.

<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>
Labels Markup
Default <span class="label">Default</span>
Success <span class="label label-success">Success</span>
Warning <span class="label label-warning">Warning</span>
Important <span class="label label-important">Important</span>
Info <span class="label label-info">Info</span>
Inverse <span class="label label-inverse">Inverse</span>

南通台恒巨科技有限公司

Badges are small, simple components for displaying an indicator or count of some sort. They're commonly found in email clients like Mail.app or on mobile apps for push notifications.

荆沙如顺伟科技有限公司

Name Example Markup
Default 1 <span class="badge">1</span>
Success 2 <span class="badge badge-success">2</span>
Warning 4 <span class="badge badge-warning">4</span>
Error 6 <span class="badge badge-error">6</span>
Info 8 <span class="badge badge-info">8</span>
Inverse 10 <span class="badge badge-inverse">10</span>

大庆圣禄安有限公司

蚌埠茂鼎禄科技有限公司

With Bootstrap 2, we've simplified the base class: .alert instead of .alert-message. We've also reduced the minimum required markup—no <p> is required by default, just the outer <div>.

盘锦满浩光有限公司

For a more durable component with less code, we've removed the differentiating look for block alerts, messages that come with more padding and typically more text. The class also has changed to .alert-block.


忻州长兴泰设备有限公司

Bootstrap comes with a great jQuery plugin that supports alert messages, making dismissing them quick and easy.

Get the plugin »

宜兴正裕伟服务有限公司

Wrap your message and an optional close icon in a div with simple class.

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

Easily extend the standard alert message with two optional classes: .alert-block for more padding and text controls and .alert-heading for a matching heading.

×

江山长华进贸易有限公司

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

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

Contextual alternatives Add optional classes to change an alert's connotation达县干大盈商贸有限公司

江苏省隆利永设备有限公司

× Oh snap! Change a few things up and try submitting again.
<div class="alert alert-error">
  ...
</div>

湘乡久源辉机械有限公司

× Well done! You successfully read this important alert message.
<div class="alert alert-success">
  ...
</div>

忻州益昌聚贸易有限公司

× Heads up! This alert needs your attention, but it's not super important.
<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 (no IE).

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

本溪美欣欣设备有限公司

Takes the striped example and animates it (no IE).

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

阳江佳信亚科技有限公司

许昌辉国大商贸有限公司

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

嘉兴本贵丰商贸有限公司

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

思茅和寿亨机械有限公司

Progress bars use CSS3 transitions, so if you dynamically adjust the width via javascript, it will smoothly resize.

If you use the .active class, your .progress-striped progress bars will animate the stripes left to right.

丹阳满宏飞商贸有限公司

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.

Opera and IE do not support animations at this time.

萧山中安和商贸有限公司

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

Look, I'm in a well!
<div class="well">
  ...
</div>

///赣州复欣万机械有限公司

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

×

<a class="close">&times;</a>
可乐视频app下载污 向日葵视频app官网 蘑菇视频app下载iOS 橘子视频app下载iOS 性福宝app下载污 抖阴视频app下载iOS 杏花直播app下载iOS 最污直播app官网 陌秀直播app下载污 黄瓜视频app下载iOS 杏趣直播app官网 swag视频app下载污 欢喜视频app下载iOS 小喵直播app下载污 丝瓜视频污app下载iOS 草榴视频app下载污 烟花巷直播app官网 最污直播app下载iOS 七仙女直播app下载污 97豆奶视频app官网 米老鼠直播app下载污 啪嗒视频app下载污 ML聚合直播app下载iOS 烟花巷直播app官网 bobo直播app下载污 幸福宝app下载iOS 月光宝盒直播app官网 云上花直播app下载iOS 朵朵直播app下载iOS 花狐狸直播app官网 柠檬视频app下载iOS 秀色小抖音app官网 黄页荔枝app下载iOS 草莓app下载污 内裤直播app官网 麻豆传媒映画app官网 媚妹秀app下载iOS 后宫app官网 蜜橙视频app下载污 色秀直播app官网 豆奶短视频app下载iOS 黄瓜视频人app下载iOS 免费黃色直播app下载污 老王视频app官网 葫芦娃视频app下载iOS 红高粱直播app下载iOS 香蕉app官网 卖肉直播app下载iOS 烟花巷app官网 丝瓜app官网 大西瓜视频app下载iOS 猛虎视频app官网 兔子直播app下载污 四虎app官网 蝶恋花直播app官网 小天仙直播app下载手机版 蜜柚直播app下载iOS 红楼直播app下载iOS 菠萝蜜视频app官网 烟花巷app下载iOS 咪哒直播app官网 西瓜直播app下载污 么么直播app官网 月色直播app下载iOS 佳丽直播app下载iOS 免费黃色直播app下载iOS 9uuapp下载iOS 芭乐app官网 云上花app官网 红楼直播app官网 抖阴直播app下载iOS f2富二代app官网 夏娃直播app下载iOS 大西瓜视频app下载iOS 豆奶短视频app下载iOS 最污直播app官网 蓝颜app官网 葫芦娃视频app下载iOS 考拉直播app下载iOS 小怪兽app下载污 IAVBOBOapp官网 食色短视频app官网 恋人直播app下载iOS 夜巴黎直播app官网 91香蕉app下载污 盘他app下载iOS 猛虎视频app官网 花仙子直播app官网 蝴蝶直播app官网 红颜app官网 富二代短视频app官网 泡芙短视频app下载污 小蝌蚪视频app下载iOS MM直播app下载iOS 番茄社区app官网 抖阴app下载iOS 69视频app下载iOS 茶馆视频app官网 番茄直播app下载污 91视频app官网 f2富二代app下载iOS 花姬app官网 和欢视频app下载iOS 繁花直播app下载iOS 花狐狸直播app下载污 小蝌蚪app下载污 小公主直播app下载iOS 盘她直播app官网 lutubeapp官网 ML聚合直播app官网 妖妖直播app下载污 丝瓜视频污app下载iOS 妖妖直播app下载iOS 仙人掌app下载iOS Avboboapp下载iOS 豆奶视频app下载污 小宝贝直播app下载污 荔枝视频app下载污 黄瓜app下载污 丝瓜视频app下载iOS 么么直播app下载iOS 月夜直播app官网 月色直播app下载iOS 小狐仙视频app下载污 妖妖直播app下载iOS 豌豆直播app下载污 最污直播app官网 盘她s直播app官网 午夜直播间app官网 恋夜秀场app下载iOS 蓝精灵直播app下载污 蝶恋花app官网 繁花直播app下载iOS 探花直播app下载iOS 草榴视频app下载iOS 花姬直播app官网 丝瓜app官网 蜜桃直播app下载iOS 草莓视频app下载污 小狐仙视频app官网 泡芙短视频app下载污 蓝精灵直播app官网 福利直播app官网 金屋藏娇直播间app官网 月夜直播app下载污 草榴视频app下载污 彩云直播app官网 依恋直播app官网 荔枝app官网 卡哇伊直播app下载iOS 圣女直播app下载iOS ML聚合直播app官网 尤蜜视频app下载iOS 一对一直播app官网 初恋直播app官网 草榴直播app官网 JAV名优馆app下载手机版 宅男之家app官网 花心app下载污 享受直播app官网 九尾狐直播app官网 bobo直播app下载iOS 茄子直播app官网 梦鹿直播app下载iOS 成人快手app下载iOS 蜜柚app官网 榴莲视频app下载iOS 猫咪软件app下载污 探探直播app下载污 69热app官网 冈本app下载iOS 麻豆视频app下载污 橘子视频app下载iOS 千层浪直播app下载iOS JAV名优馆app下载iOS 花姬直播app官网 水果视频app官网 葫芦娃视频app下载iOS 小小影视app下载iOS 恋人直播app下载iOS 桃花直播app下载污 蜜蜂视频app下载iOS 花姬直播app官网 豆奶短视频app下载污 彩色直播app官网 大西瓜视频app官网 香草视频app下载污 香蜜直播app下载iOS 大番号app官网 香蕉视频app下载污 咪咪直播app官网 小狐仙直播app官网 恋人直播app下载iOS 红高粱直播app官网 JAV名优馆app下载iOS 花姬app下载iOS 野花视频app下载iOS 乐购直播app下载污 金屋藏娇直播间app官网 七秒鱼app官网 爱爱视频app下载污 麻豆传媒映画app下载iOS 九尾狐直播app官网 红颜app下载污 朵朵直播app下载污 咪哒直播app下载污 本色视频app下载污 牛牛视频app官网 灭火卫视app下载iOS 宅男之家app官网 彩云直播app下载iOS 初见直播app官网 七仙女直播app下载iOS 四虎app下载iOS 男人本色西瓜视频app官网 秀色小抖音app官网 奶茶视频app官网 彩色直播app下载污 香草视频app下载iOS 桃花直播app下载污 草鱼app下载污 蜜桃app下载iOS 91香蕉app下载iOS 硬汉视频app官网 云雨直播app下载污 圣女直播app官网 樱桃app下载iOS 小可爱app下载iOS 花心app下载iOS 91视频app下载iOS 黄瓜视频人app下载iOS 粉色视频app下载污 享爱直播app下载污 Huluwaapp官网 黄色直播软件app下载iOS 套路直播app下载污 西瓜直播app下载污 swag台湾app下载污 一对一直播app下载污 含羞草视频app下载iOS 丝瓜视频app下载污 蓝精灵直播app下载污 荔枝app下载污 恋人直播app下载污 朵朵直播app下载iOS 彩色直播app下载iOS 7秒鱼直播app官网 铁牛视频app下载污 享受直播app下载污 压寨直播app官网 桃花app下载iOS 千层浪视频app官网 猫咪软件app官网 成版人音色短视频app官网 爱爱视频app下载iOS 荔枝app官网 陌秀直播app下载污 夜猫视频app官网 米老鼠直播app官网 卡哇伊直播app官网 月亮视频app下载iOS 月夜直播app下载iOS 污直播app官网 佳丽直播app官网 荔枝视频app下载iOS 咪咪直播app下载iOS 大秀直播app下载iOS 香蜜直播app官网 d2天堂app官网 笔芯直播app下载污 黄瓜视频app官网 烟花直播app下载iOS 樱花直播app下载iOS 卡哇伊直播app下载污 夜遇直播号app下载iOS 四虎app官网 樱桃视频app下载污 媚妹秀app官网 小优app下载污 卖肉直播app下载污 小怪兽直播app下载iOS 成版人音色短视频app下载iOS 小怪兽app官网 樱桃视频app下载污 向日葵app下载污 向日葵视频app下载污 草莓视频app下载污 蝴蝶直播app下载iOS 雨燕直播app下载iOS 芭乐app下载iOS BB直播app下载iOS 抖阴app官网 夜遇直播号app官网 金屋藏娇直播间app官网 美岁直播app下载污 牛牛视频app下载污 成版人抖音app下载污 菠萝蜜app下载污 午夜直播间app下载污 雨云直播app官网 水蜜桃app下载污 皮卡丘直播app下载iOS 微啪app下载iOS 草榴视频app下载污 彩色直播app官网 美梦视频app官网 小公主直播app下载污 含羞草app下载污 心上人直播app下载iOS 成版人茄子视频app下载污 抖阴app下载iOS 蝶恋花app下载iOS 萝卜视频app官网 樱花视频app官网 依恋直播app下载iOS 花秀神器app下载iOS 丝瓜视频污app官网 橙子视频app官网 桃花直播app下载iOS 杏吧直播app下载iOS 小狐仙直播app下载污 初恋视频app官网 茄子app下载污 番茄直播app下载iOS 月亮视频app下载污 橘子视频app下载污 红颜app下载iOS 卡哇伊直播app下载污 火爆社区app官网 9uuapp官网 繁花直播app官网 微啪app下载iOS 月夜直播app下载iOS 蘑菇视频app下载iOS 萝卜视频app下载iOS BB直播app下载污 夜巴黎直播app下载iOS 香蕉app官网 麻豆传媒app下载iOS 遇见直播app下载iOS 咪咪直播app下载iOS 麻豆传媒视频app下载iOS 花姬直播app下载污 春水堂视频app官网 月光宝盒直播app下载iOS 豆奶短视频app下载iOS 黄页荔枝app下载iOS 水蜜桃app下载iOS 花姿直播app下载污 鸭脖视频app下载污 千层浪app官网 柚子直播app下载污 月亮视频app下载污 大小姐直播app下载污 秀儿直播app官网 小狐仙直播app下载污 小狐仙直播app官网 望月直播app下载iOS 花友直播app下载iOS 黄瓜视频人app官网 抖阴直播app下载iOS 卡哇伊app官网 快猫app官网 小怪兽直播app下载污 樱花直播app下载iOS 抖阴直播app下载污 bobo直播app下载iOS 可乐视频app官网 6房间视频直播app官网 黄瓜app下载污 草榴视频app下载污 杏吧直播app下载iOS 梦鹿直播app下载污 春水堂app下载污 樱花视频app官网 烟花直播app下载污 丝瓜app下载污 香草视频app下载污 小奶狗app下载iOS 朵朵直播app官网 黄页荔枝app下载污 蓝精灵直播app下载污 牛牛视频app官网 和欢视频app下载iOS 咪哒直播app下载iOS 小狐仙视频app下载iOS 成人快手app下载污 铁牛视频app官网 黄色直播软件app官网 fi11含羞草app下载iOS