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

Mixed form horizontal + inline Form with both inline smaller inputs and wider horizontal inputs on 2 lines. This is a more complex example that demonstrates various field layouts
0	653 Bootstrap v3.1.1 Related snippets
snippet form inline horizontal bootstrap-3 mixed
Created by: vskam

Bootply

Mixed form horizontal + inline

Form with both inline smaller inputs and wider horizontal inputs on 2 lines. This is a more complex example that demonstrates various field layouts

Bootply v1.2.1
An unofficial Bootstrap playground.

Fork on GitHub | Contact

h1

h2

h3

h4

Bootstrap Mixed Form
with horizontal and inline fields

id
style
class

Bootply

Mixed form horizontal + inline

Form with both inline smaller inputs and wider horizontal inputs on 2 lines. This is a more complex example that demonstrates various field layouts

Bootply v1.2.1 An unofficial Bootstrap playground.

Fork on GitHub | Contact

h1

h2

h3

h4

Starter Template

Details

Bootstrap Mixed Form with horizontal and inline fields

Do you want to proceed?

Password Lookup

Would you like to upgrade?

$9/mo

Contact Us

Bootply v1.2.1
An unofficial Bootstrap playground.

Bootstrap Mixed Form
with horizontal and inline fields