Div to organize checkbox

3

I have the following div :

<div class="col-sm-6">
  <input type="checkbox"> Touch Screen
  <input type="checkbox"> Wi-fi
  <input type="checkbox"> Bluetooth
  <input type="checkbox"> Flash
  <input type="checkbox"> Câmera Frontal
  <input type="checkbox"> GPS
  <input type="checkbox"> Tecnologia NFC
  <input type="checkbox"> Extensão para Cartão de Memória
</div>

It looks like this:

ButIwantedtoleaveitlikethis:

How can I do this?

    
asked by anonymous 02.03.2015 / 12:03

2 answers

3

You should be using Bootstrap, so you should use Bootstrap's Grid system to do the organizing work, see the link link

<div class="col-sm-9">
  <div class="row">
    <div class="col-sm-3"><input type="checkbox"> Touch Screen </div>
    <div class="col-sm-3"><input type="checkbox"> Wi-fi </div>
    <div class="col-sm-3"><input type="checkbox"> Bluetooth </div>
  </div>
  <div class="row">
    <div class="col-sm-3"><input type="checkbox"> Flash </div>
    <div class="col-sm-3"><input type="checkbox"> Câmera Frontal </div>
    <div class="col-sm-3"><input type="checkbox"> GPS </div>
  </div>
  <div class="row">
    <div class="col-sm-3"><input type="checkbox"> Tecnologia NFC </div>
    <div class="col-sm-4"><input type="checkbox"> Extensão para Cartão de Memória </div>
  </div>
</div>

See a demo: link

    
02.03.2015 / 12:34
0

I do not know if it helps you a lot, but you can do that by example, but remembering that you have to be careful about size if it is a responsive layout, but I think it will give you a way.

link

Hug.

    
02.03.2015 / 12:29