I've been playing around with borders but haven't seen that aesthetically pleasing look that soothes my soul. Any ideas I can do here to make these rows of data flow nicely?

enter image description here

It's the Bootstrap framework, so each part is contained in a row, the text is 'col-md-9' and the check box is 'col-md-3'

  • The checkboxes aren't meant to be interacted right? They just inform services included or similar?
    – Alvaro
    Jan 13, 2017 at 16:37
  • 1
    @Alvaro Correct just informative Jan 13, 2017 at 16:38

3 Answers 3


I agree with most of the points @Rosiana shares. I would however:

  • Put the checkboxes on the left side, where checkboxes usually are
  • Align everything to the left

  • This positioning is surely better :)
    – Dolorosa
    Jan 13, 2017 at 20:23

I think it will look better if:

  • Checkbox icons have the same height as (or at least balanced) with texts;
  • The text aligned to left (not centered), while the checkboxes to right;
  • Expand the row height so the contents will look spacey and not too crowded;
  • If you want you can separate each row with lines but lighter/thinner than the one separating your list with their title :)
  • Do not agree with checkboxes being the same size as the text, in Alvaro's example, why is demonstrated perfectly. Jan 13, 2017 at 18:51

As they can't be unchecked, I'd remove the box.

Check list

  • You got a point there but, in my opinion, the checkboxes checked reinforce the idea that there was something to be checked (if that makes sense).
    – Alvaro
    Jan 13, 2017 at 21:54
  • It does, I think the QA is saying there's isn't something to be answered though. Jan 13, 2017 at 22:07

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.