Customize Bootstrap checkboxes

Since Bootstrap 3 doesn’t have a style for checkboxes I found a custom made that goes really well with Bootstrap style. Checkboxes  Run code snippetExpand snippet Radio  Run code snippetExpand snippet Custom icons You can choose your own icon between the ones from Bootstrap or Font Awesome by changing [icon name] with your icon. For example: glyphicon glyphicon-remove for Bootstrap, or fa fa-bullseye for Font Awesome

Outline effect to text

There is an experimental webkit property called text-stroke in CSS3, I’ve been trying to get this to work for some time but have been unsuccessful so far. What I have done instead is used the already supported text-shadow property (supported in Chrome, Firefox, Opera, and IE 9 I believe). Use four shadows to simulate a stroked text:  Run code … Read more

CSS Background Opacity [duplicate]

Children inherit opacity. It’d be weird and inconvenient if they didn’t. You can use a translucent PNG file for your background image, or use an RGBa (a for alpha) color for your background color. Example, 50% faded black background:

What does !important mean in CSS?

It means, essentially, what it says; that ‘this is important, ignore subsequent rules, and any usual specificity issues, apply this rule!’ In normal use a rule defined in an external stylesheet is overruled by a style defined in the head of the document, which, in turn, is overruled by an in-line style within the element itself (assuming equal specificity … Read more

What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?

Bootstrap 5 In Bootstrap 5 (alpha) there is a new -xxl- size: col-* – 0 (xs)col-sm-* – 576pxcol-md-* – 768pxcol-lg-* – 992pxcol-xl-* – 1200pxcol-xxl-* – 1400px Bootstrap 5 Grid Demo Bootstrap 4 In Bootstrap 4 there is a new -xl- size, see this demo. Also the -xs- infix has been removed, so smallest columns are simply col-1, col-2.. col-12, etc.. col-* – 0 (xs)col-sm-* – 576pxcol-md-* – 768pxcol-lg-* – 992pxcol-xl-* – 1200px Bootstrap 4 Grid Demo Additionally, Bootstrap 4 includes … Read more

Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3

This answer is in three parts, see below for the official release (v3 and v4) I couldn’t even find the col-lg-push-x or pull classes in the original files for RC1 i downloaded, so check your bootstrap.css file. hopefully this is something they will sort out in RC2. anyways, the col-push-* and pull classes did exist … Read more