css

How can I get a Bootstrap column to span multiple rows?

by

For Bootstrap 3: <link href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css” rel=”stylesheet”/> <div class=”row”> <div class=”col-md-4″> <div class=”well”>1 <br/> <br/> <br/> <br/> <br/> </div> </div> <div class=”col-md-8″> <div class=”row”> <div class=”col-md-6″> <div class=”well”>2</div> </div> <div class=”col-md-6″> <div class=”well”>3</div> </div> </div> <div class=”row”> <div class=”col-md-6″> <div class=”well”>4</div> </div> <div class=”col-md-6″> <div class=”well”>5</div> </div> </div> </div> </div> <div class=”row”> <div class=”col-md-4″> <div class=”well”>6</div> … Read more

Anyway to prevent the Blue highlighting of elements in Chrome when clicking quickly?

by

For Chrome on Android, you can use the -webkit-tap-highlight-color CSS property: -webkit-tap-highlight-color is a non-standard CSS property that sets the color of the highlight that appears over a link while it’s being tapped. The highlighting indicates to the user that their tap is being successfully recognized, and indicates which element they’re tapping on. To remove … Read more

Matching an empty input box using CSS

by

In modern browsers you can use :placeholder-shown to target the empty input (not to be confused with ::placeholder). input:placeholder-shown { border: 1px solid red; /* Red border only if the input is empty */ } More info and browser support: https://css-tricks.com/almanac/selectors/p/placeholder-shown/

CSS endless rotation animation

by

@-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); … Read more

Angular-cli from css to scss

by

For Angular 6 check the Official documentation Note: For @angular/cli versions older than 6.0.0-beta.6 use ng set in place of ng config. For existing projects In an existing angular-cli project that was set up with the default css styles you will need to do a few things: Change the default style extension to scss Manually … Read more

How do I make background-size work in IE?

by

A bit late, but this could also be useful. There is an IE filter, for IE 5.5+, which you can apply: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=”https://stackoverflow.com/questions/2991623/images/logo.gif”, sizingMethod=’scale’); -ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader( src=”https://stackoverflow.com/questions/2991623/images/logo.gif”, sizingMethod=’scale’)”; However, this scales the entire image to fit in the allocated area, so if you’re using a sprite, this may cause issues. Specification: AlphaImageLoader Filter @microsoft

Centering a background image, using CSS

by

background-image: url(path-to-file/img.jpg); background-repeat:no-repeat; background-position: center center; That should work. If not, why not make a div with the image and use z-index to make it the background? This would be much easier to center than a background image on the body. Other than that try: background-position: 0 100px;/*use a pixel value that will center it*/ … Read more

Adding asterisk to required fields in Bootstrap 3

by

Use .form-group.required without the space. .form-group.required .control-label:after { content:”*”; color:red; } Edit: For the checkbox you can use the pseudo class :not(). You add the required * after each label unless it is a checkbox .form-group.required:not(.checkbox) .control-label:after, .form-group.required .text:after { /* change .text in whatever class of the text after the checkbox has */ content:”*”; … Read more

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)