How to horizontally align extra columns to center using bootstrap 4

bootstrap col center output

My requirement was to align six columns to center but with only four columns in one row due to the width constraint as shown in the picture below. So what should happen to the rest of the two columns. They wrap to the next line. But towards the left. So how do you pull these … Continue reading How to horizontally align extra columns to center using bootstrap 4

Advertisements

Visualizing All Centuries of Sachin Tendulkar Against Different Teams

Winning percentage when Sachin score century

Everyone is a fan of him, so am I. Now since I understand some HTML and JavaScript I thought of creating something nice for the Master Blaster. After a long thinking I came up with an idea to showcase all the glory Sachin and his fans have lived over the years, so and I decided … Continue reading Visualizing All Centuries of Sachin Tendulkar Against Different Teams

Visvesvaraya Industrial and Technological Museum : A Visual Treat For Brain

This one is surely for geeks, science enthusiasts, parents with children. After all who doesn't have the curiosity to know what and how stuff is working. More than that who doesn't miss the their lab experiments from school days. If you feel so, the VITM is one great place to be at. From high school … Continue reading Visvesvaraya Industrial and Technological Museum : A Visual Treat For Brain

New Features I liked-Mail, VPN, People, Mobile Hotspot, Edge-Windows 10 Update 1079

Recently I received updates for one of my systems and running on Windows 10. The update process was really very slow. It took around 45 minutes for the updates to finish. I waited patiently. The first time I logged in after the updates finished, I was amazed by the things I saw. Mails The first … Continue reading New Features I liked-Mail, VPN, People, Mobile Hotspot, Edge-Windows 10 Update 1079

How to effectively attach eventListeners to DOM elements

Anonymous functions are great way to quickly get the job done, but can be a huge problem when used carelessly. It is especially when attaching eventListeners to DOM elements. Take the code below for example. Here we are attaching an eventListner to the element for the "click" event. Now, later lets say for some reason … Continue reading How to effectively attach eventListeners to DOM elements

My Favorite Programming Jokes

This time these jokes are specifically for programmers including Web Developers to System Programmers, Java guy or Python people. So here it is: I thought I would start this list with a serious note, but I didn't know how everyone would React. Q. Why do Java guys wear specs? A. Because they can't C#. Google doesn't like straight lines, … Continue reading My Favorite Programming Jokes

Change Header on Scroll in Angular2 Typescript

As I was migrating from Angular 1.x to Angular 2, I needed to implement a header which changes its background when the page is scrolled somewhat similar to this fiddle fork. The basic idea is to change or apply a class on the header on the scroll event after some scrolling. Now in Angular2 it is done … Continue reading Change Header on Scroll in Angular2 Typescript

Constants in ECMA Script 6 and their implementations

Web browsers have already started providing ECMA Script 6 functionalities to the users, BUT  before utilizing these features there are few anomalies in the implementations in different web browsers, and one of them is constant. Constants were among the most awaited features in JavaScript. Below is a brief look at constants and their behavior in different browsers. … Continue reading Constants in ECMA Script 6 and their implementations