I've always been used to write my own CSS but I decided to give a go to twitter-bootstrap and I want to make sure I'm not using more HTML containers that I need to:
This is my code for a single element of a list:
<div class="row form-group">
<div class="col-md-4">
<input type="email" class="form-control" placeholder="Enter email" value="[email protected]">
</div>
<div class="col-md-2">
<span class="glyphicon glyphicon-minus"></span>
</div>
</div>
My main issue with this is to have two <div> wrapping single elements, in the first case it's an <input> and then a <span>. If this was normal HTML I would condemn the DOM code as being inefficient and cluttered as the <div> would not be necessary.
Is this a proper usage of twitter-boostrap if I want to create a form group element where the left side is an input and the right side the - icon?
