Contents

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is a lead paragraph. It stands out from regular paragraphs.

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined.

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

This text is meant to be treated as link to a computer program.

This text is meant to be treated as danger link to a computer program.

This text is meant to be treated as primary link to a computer program.

This text is meant to be treated as secondary link to a computer program.

This text is meant to be treated as success link to a computer program.

This text is meant to be treated as info link to a computer program.

This text is meant to be treated as light link to a computer program.

This text is meant to be treated as dark link to a computer program.

This text is meant to be treated as white link to a computer program.

  • This is a list.
  • It appears completely unstyled.
  • Structurally, it's still a list.
  • However, this style only applies to immediate child elements.
  • Nested lists:
    • are unaffected by this style
    • will still show a bullet
    • and have appropriate left margin
  • This may still come in handy in some situations.
  • This is a list item.
  • And another one.
  • But they're displayed inline.

Forms

Overview

We'll never share your email with anyone else.
Radios buttons

Disabled forms

Disabled radios buttons

Sizing

Input group

@
@example.com
https://example.com/users/
$ .00
With textarea

Floating labels

Validation

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please select a valid state.
Please provide a valid zip.
You must agree before submitting.

Reboot

Example legend - Without ".form-*" class
Example legend - With ".form-*" class

Tables

Server

Database Ascending Collation Primary replication Action
dashboard utf8mb4_general_ci Replicated  Replicated Check privileges  Check privileges
information_schema utf8mb3_general_ci Replicated  Replicated Check privileges Check privileges
laragon utf8mb4_general_ci Replicated Replicated Check privileges  Check privileges
mg_shop utf8mb4_general_ci Replicated  Replicated Check privileges  Check privileges
mysql latin1_swedish_ci Replicated  Replicated Check privileges  Check privileges
performance_schema utf8mb3_general_ci Replicated  Replicated Check privileges  Check privileges
phpmyadmin latin1_swedish_ci Replicated  Replicated Check privileges  Check privileges
ps_shop utf8mb3_general_ci Replicated  Replicated Check privileges  Check privileges
sys utf8mb3_general_ci Replicated  Replicated Check privileges  Check privileges
wp_blog utf8mb4_general_ci Replicated  Replicated Check privileges  Check privileges
Total: 10

Database

Table Ascending Descending Action Rows May be approximate. Click on the number to get the exact count. See FAQ 3.11. Type Collation
pma__bookmark   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
pma__central_columns   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
pma__column_info   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
pma__designer_settings   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 1 InnoDB utf8mb3_bin
pma__export_templates   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
pma__favorite   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 1 InnoDB utf8mb3_bin
pma__history   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
pma__navigationhiding   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
pma__pdf_pages   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
pma__recent   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 1 InnoDB utf8mb3_bin
pma__relation   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
pma__savedsearches   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
pma__table_coords   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
pma__table_info   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
pma__table_uiprefs   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 1 InnoDB utf8mb3_bin
pma__tracking   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
pma__userconfig   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 1 InnoDB utf8mb3_bin
pma__usergroups   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
pma__users   Browse Browse Structure Structure Search Search Insert Insert Empty Empty Drop Drop 0 InnoDB utf8mb3_bin
19 tables Sum 5 InnoDB latin1_swedish_ci

Browse table

Full texts
option_id option_name option_value autoload
Edit Edit Copy Copy Delete Delete
DELETE FROM wp_options WHERE `wp_options`.`option_id` = 1
1 siteurl https://blog.test yes
Edit Edit Copy Copy Delete Delete
DELETE FROM wp_options WHERE `wp_options`.`option_id` = 2
2 home https://blog.test yes
Edit Edit Copy Copy Delete Delete
DELETE FROM wp_options WHERE `wp_options`.`option_id` = 3
3 blogname Your Blog yes
Edit Edit Copy Copy Delete Delete
DELETE FROM wp_options WHERE `wp_options`.`option_id` = 4
4 blogdescription Another WordPress site yes
Edit Edit Copy Copy Delete Delete
DELETE FROM wp_options WHERE `wp_options`.`option_id` = 5
5 users_can_register 0 yes
Edit Edit Copy Copy Delete Delete
DELETE FROM wp_options WHERE `wp_options`.`option_id` = 6
6 admin_email email@example.com yes
Edit Edit Copy Copy Delete Delete
DELETE FROM wp_options WHERE `wp_options`.`option_id` = 7
7 start_of_week 1 yes
Edit Edit Copy Copy Delete Delete
DELETE FROM wp_options WHERE `wp_options`.`option_id` = 8
8 use_balanceTags 0 yes
Edit Edit Copy Copy Delete Delete
DELETE FROM wp_options WHERE `wp_options`.`option_id` = 9
9 use_smilies 1 yes
Edit Edit Copy Copy Delete Delete
DELETE FROM wp_options WHERE `wp_options`.`option_id` = 10
10 require_name_email 1 yes

Components

Accordion

This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Alerts

Loading…

Badge

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Primary Secondary Success Danger Warning Info Light Dark

Button group

Card

Featured
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

  • An item
  • A second item
  • A third item
Card header
  • An item
  • A second item
  • A third item
Card header
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

  • An item
  • A second item
  • A third item

Pagination

> >>
< <<
> >>
< <<
Page number:
> >>
Page number: << <
> >>
Page number: << <

Tooltips

Layout

Grid

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

SQL upload (0) x -

  • 127_0_0_1.sql Success
  • Code Mirror

    SQL Query

    Heading 1

    Heading 2

    Heading 3

    Heading 4

    Heading 5

    Heading 6

    jQuery UI

    UI Dialog

    Heading 1

    Heading 2

    Heading 3

    Heading 4

    Heading 5

    Heading 6