0

How can I align <div class="checkbox">...</div> with the <input class="form-control" type="text" id="text"> and not the <label>...</label> ?

I am using the latest bootstrap.

Here is the plnkr.

Update:

To be precise, I am trying to vertically middle align the entire <div class="checkbox">...</div> with the <input> tag and not the tag's label

amb
  • 1,599
  • 2
  • 11
  • 18
  • What input and what label? It's very confusing because your label of the input is "input", so be more clear please. – paulalexandru Apr 25 '14 at 10:39
  • @paulalexandru I have added better tags in the question. – amb Apr 25 '14 at 10:43
  • You have 2 labels there : 1. Checkbox is not aligned with input 2.Input . Anyway, on my browser they seem aligned to me. The checkbox with the input – paulalexandru Apr 25 '14 at 11:04
  • @paulalexandru So the div used for the checkbox with all its contents is aligned with the tag and not the input tag's label ? Because it is not. I don't think I make myself clear on what I try to achieve. – amb Apr 25 '14 at 11:10
  • 1
    http://stackoverflow.com/questions/20773342/bootstrap-3-100-height-of-custom-div-inside-column this link will help you to fix your problem. – shin Apr 25 '14 at 11:27
  • @shin So Bootstrap has nothing to help me with this and I need to fiddle with heights, padding, etc ? – amb Apr 25 '14 at 11:32

1 Answers1

1

maybe try with nested columns: http://plnkr.co/edit/6iafYcHG9K461CiFNOpk?p=preview

pezetem
  • 2,503
  • 2
  • 20
  • 38
  • I think this is the only way, even though I will have to take care of indentations since nested columns will change it. – amb Apr 27 '14 at 20:32