Reputation: 13400

How to display on the same line label and div in the following context

How to display on the same line label and div in the context of bootstrap. I did try the following code but it does not work:

.control-group {
    display: inline-block;
}

P.S.: I would like just to change the css rule not the dom

Upvotes: 1

Answers (3)

Reputation: 7684

They have another one option. Use this code

.control-label {
float:left;
}

Demo: fiddle

Upvotes: 3

Reputation: 17910

.control-group is parent div and you have child div.controls which need to set inline-block to show in one single line.

Try this CSS,

.controls {
    display: inline-block;
}

Upvotes: 1

Reputation: 32182

Hi now add display inline-block in your .controls div

as like this

.control-group , .controls{
    display: inline-block;
}

Upvotes: 2