test bootrap5 style

IMAGE LESS

Lorem ipsum dolor

My First Bootstrap Page

Resize this responsive page to see the effect!

Column 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

My First Bootstrap Page

Resize this responsive page to see the effect!

Column 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Dropdowns

The .dropdown-header class is used to add headers inside the dropdown menu:

• Dropdown header 1

• Link 1
• Link 2
• Link 3

• Dropdown header 2

• Another link

Dropdowns

The .dropdown-header class is used to add headers inside the dropdown menu:

• Dropdown header 1

• Link 1
• Link 2
• Link 3

• Dropdown header 2

• Another link

Dropdowns

The .dropdown-header class is used to add headers inside the dropdown menu:

• Dropdown header 1

• Link 1
• Link 2
• Link 3

• Dropdown header 2

• Another link

Dropdowns

The .dropdown-header class is used to add headers inside the dropdown menu:

• Dropdown header 1

• Link 1
• Link 2
• Link 3

• Dropdown header 2

• Another link

Lorem ipsum dolor sit amet

Alert Links

Add the alert-link class to any links inside the alert box to create "matching colored links".

Success! You should read this message.

Info! You should read this message.

Warning! You should read this message.

Danger! You should read this message.

Primary! You should read this message.

Secondary! You should read this message.

Dark! You should read this message.

Light! You should read this message.

Contextual Backgrounds

Use the contextual background classes to provide "meaning through colors".

Note that you can also add a .text-* class if you want a different text color:

This text is important.

This text indicates success.

This text represents some information.

This text represents a warning.

This text represents danger.

Secondary background color.

Dark grey background color.

Light grey background color.

Work Flow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nec nisl odio. Mauris vehicula at nunc id posuere.

Initial Step #1

Final Step #2

Locate Us here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nec nisl odio. Mauris vehicula at nunc id posuere.

Physical Location

Address: No.92-2, Kaiyuan Rd., North Dist., Tainan City 704, Taiwan (R.O.C.)
Phone: +886-62090062#20

©All Right Reserved | design by Chiyu