Bootstrap Editor use requires a larger screen resolution. Resize your browser, or use a device with a larger screen (desktop or laptop). You can preview at smaller widths (phone / tablet), but the editing capability is disabled.

Switch to render view

container

row

|

8.3%

12.5%

25%

33%

41.6%

50%

58.3%

66%

75%

83.3%

91.6%

100%

|

Hero

well

|

<form>

|

h1

h2

h3

h4

small

|

icon

|

table

<hr>

label

badge

[media]

"Lorem ipsum.."

Responsive Layout

Change columns for desktop, tablet, phone

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.

Responsive using Utility Classes Change the number of columns displayed for desktop, tablet or phone using responsive utility classes.
0	1223 Bootstrap v2.3.2 Related snippets Forked from IW6GqPzLFh
media visible tablet phone responsive
Created by: milone

Bootply

Responsive using Utility Classes

Change the number of columns displayed for desktop, tablet or phone using responsive utility classes.

Bootply v1.2.1
An unofficial Bootstrap playground.

Fork on GitHub | Contact

h1

h2

h3

h4

Responsive Layout

id
style
class

Bootply

Responsive using Utility Classes

Change the number of columns displayed for desktop, tablet or phone using responsive utility classes.

Bootply v1.2.1 An unofficial Bootstrap playground.

Fork on GitHub | Contact

h1

h2

h3

h4

Starter Template

Details

Responsive Layout

Do you want to proceed?

Password Lookup

Would you like to upgrade?

$9/mo

Contact Us

Bootply v1.2.1
An unofficial Bootstrap playground.