CheckBox List in Twitter Bootstrap

Question

I have a list of check boxes to display and I am using Twitter Bootstrap. My problem is that when I go to mobile site the text for the label covers the checkbox itself. Now, I have the following code and text is overlapping the checkbox. What can be wrong?

<ul class="nav nav-list"> <li><label class="checkbox"><input type="checkbox" value="89" name="[14].Answer.SelectedAnswers">Biologie</label></li>

So, ex Biologie starts from the top of the checkbox and doesn't leave a space in between the box and start of the text.

sush · Accepted Answer · 2013-10-14 16:24:10Z

1

it seems you have not closed the ul tag. coz i don't see it in your question. Or if you have try to put the entire link in a div with span3.

answered Oct 14, 2013 at 16:24

sush

3791 gold badge3 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tulips Over a year ago

I have closed it. There are more li in my code so that's why you don't see the closing tag. I have found out that I needed to remove text-indent from the label css class of 'checkbox'. So it looks okay now.

sush Over a year ago

@tulips There You go :)

Collectives™ on Stack Overflow

CheckBox List in Twitter Bootstrap

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related