Bootstrap Question
- Started
- Last post
- 10 Responses
- cardeo0
here's the section in the bootstrap docs on replacing checkbox/radio with button groups
- cardeo0
You can replace those checkboxes and radios with button groups to make them more appropriate for mobile.
If you're looking for some bootstrap tutorials, I have a few on my blog
- hereswhatidid0
Best resource for Bootstrap is the site itself: http://getbootstrap.com/
- d_rek0
@dbloc basically bootstrap provides you with a set of 'canned' css classes (ie: row, 2-col, 4-col, etc. etc.) that generally needs to be applied a certain way.
ie: If you're using responsive bootstrap it would probably look something like this:
<div class="row>
<div class="4-col"> Some content that expands 4-columns of a 12 column grid
</div><div class="8-col"> Some content that expands 8-columns of a 12 column grid
</div></div>
And they include other classes for styling buttons, links, etc.
- Most of the responsive frameworks i've been playing with are very similar. Some more robust than others.d_rek
- cool thanks D. what other responsive frameworks have you used?dbloc
- Bootstrap, Foundation, Skeleton, SemanticGrid, 1140grid... they're all variations of the same thing, some nicer than others.d_rek
- than othersd_rek
- dbloc0
anyone seen any good online tutorials for bootstrap.
- albums0
http://getbootstrap.com/componen…
Add on optional JavaScript radio and checkbox style behavior
http://getbootstrap.com/javascri…
- Beeswax0
It's really meaningless to suggest me to learn LESS or SASS for modifying form items.
I use Bootstrap beacuse I don't have to write lines of CSS and the biggest advantage is it has so many templates and plugins that you can use in these situations. I just couldn't find one for this particular case.- You should have specified you were completely clueless about CSS then.hereswhatidid
- I think you're clueless about what i'm talkingBeeswax
- hereswhatidid0
Learn to use LESS or SASS and use those to modify Bootstrap as needed.
- Official SASS port: https://github.com/t…hereswhatidid
- My problem is not with syntax it's about style.Beeswax
- !important;instrmntl
- Beeswax
Using Bootstrap 3 for a project, it's great but certain things bug me, like tiny check boxes or other form elements that are not so great for touch screens.
How do you handle these? I did some research but couldn't find anything that deals specifically with form items.