Browsed by
Tag: bootstrap

Bootstrap 4 Responsive Megamenu With 6 Columns Example

Bootstrap 4 Responsive Megamenu With 6 Columns Example

Bootstrap 4 Responsive Megamenu With 6 Columns Example: In the last post, I posted the simple megamenu, in this I am posting responsive megamenu with 6 columns which will looks something like ecommerce or any affiliate networking site megamenu style.   Bootstrap 4 Responsive Megamenu With 6 Columns Example Source code: <!DOCTYPE html> <html lang="en"> <head> <!– Required meta tags –> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!– Bootstrap CSS –> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> <!– Yamm styles–> <link…

Read More Read More

2,206 total views, no views today

Bootstrap 4 Responsive Megamenu Example

Bootstrap 4 Responsive Megamenu Example

Bootstrap 4 Responsive Megamenu Example: Megamenu is one of the most important feature and need for ecommerce and business websites. There are lot of mega menu samples and examples for bootstrap 3. Since the bootstrap 4 came up with major changes, you can not use those examples/samples to make mega menu with bootstrap 4. Bootstrap 4 cheat sheet with all the classes are shared in the below link, Bootstrap 4 all classes list – Cheat Sheet I am sharing the…

Read More Read More

9,104 total views, no views today

Bootstrap 4 Responsive Slider Example

Bootstrap 4 Responsive Slider Example

Bootstrap 4 Responsive Slider Example: Bootstrap 4 slider came up with 5 different devices responsiveness along with slider next/previous button and the slider indicator. Which also came up with the text over the slider. Bootstrap 4 is released recently with major update. As per Bootstrap official changelog, Bootstrap 4 has been a massive undertaking that touches nearly every line of code. We’re stoked to share it with you and hear your feedback. We’ve got a lot of news to share…

Read More Read More

1,974 total views, no views today

Bootstrap 4 All Classes List – Cheat Sheet

Bootstrap 4 All Classes List – Cheat Sheet

Bootstrap 4 is released with much update mainly with flex options. I have shared bootstrap 4 all classes list below and this will be your cheat sheet for quick reference. Bootstrap 4 came up with a lot of new classes and modifications of existing classes. Bootstrap 4 is having around 300 classes. Please find below:   .active .alert .alert-dismissible .alert-heading .alert-* ( * => danger|info|primary|secondary|success|warning ) .alert-link .bg-* ( * => danger|info|primary|secondary|success|warning ) .bg-faded .bg-inverse .blockquote .blockquote-footer .blockquote-reverse .breadcrumb .breadcrumb-item .bs-tether-element-attached-*…

Read More Read More

1,885 total views, no views today

How to integrate google custom search to your website?

How to integrate google custom search to your website?

How to integrate google custom search to your website?:Google custom search is the best search tool which you can integrate to your website. If you are using any CMS(wordpress, joomla etc.,) softwares for your blog/site , then lot of ready-made plugins are exist. One important drawback with google custom search is it searches only from the google indexed pages. So if your website is new and integrated with google custom search then google may not search and provides the results…

Read More Read More

1,066 total views, no views today

Google to search only within your site using jQuery & Bootstrap

Google to search only within your site using jQuery & Bootstrap

Google to search only within your site using jQuery & Bootstrap: We have lot of plugins to make google to search only within your site in CMS frameworks like wordpress, joomla etc. But when you are developing your own custom site then enabling google to search only within your site may need some coding part. In this post I am explaining you how to make google to search only within your site. Requirements: jQuery & Bootstrap JS files [you will…

Read More Read More

1,006 total views, no views today

Responsive Dynamic Header using jQuery, PHP & Bootstrap

Responsive Dynamic Header using jQuery, PHP & Bootstrap

Responsive Dynamic Header using jQuery, PHP & Bootstrap: Dynamic header is providing the dynamic content for both logged in and logged out users differently. In our example here we have Login button at the right top and some content in the page. If you click Login it will be changed as my accounts and even the contents in the page changes dynamically. This is the approach followed in many websites for dynamic header to achieve simple and easy interface for…

Read More Read More

1,100 total views, no views today

JSP Servlet with AJAX Example

JSP Servlet with AJAX Example

JSP Servlet with AJAX Example Ajax is a great feature implemented almost in all the websites in some way. It gives really a very good user interface, since things are loading/populating without refresh. It is commonly used in username availability checking, register/login page db level/business level validations etc. We are going to use Ajax with JSP and servlet to calculate the EMI payable amount by giving amount, month and interest rate in single screen(without refreshing). Requirements: 1. Include jQuery library…

Read More Read More

1,058 total views, no views today

Type writing script using jQuery

Type writing script using jQuery

Type writing script using jQuery: Do you like to type more faster ? then our simple jQuery based type writing script can help you. Typing faster is a very essential skill required to complete any task faster. Great computer knowledge without fast typing skill can not help you to complete a task quickly. Our simple script will help to practice type-writing at your free time. People who are maintaining any type-writing related sites/apps can make use of this sample type…

Read More Read More

1,590 total views, no views today

Alexa website rank script using PHP, jQuery, Bootstrap and Ajax

Alexa website rank script using PHP, jQuery, Bootstrap and Ajax

Alexa website rank script using PHP, jQuery, Bootstrap and Ajax: Alexa is a very popular and trusted site to give the rank for all the websites. It is a successful website ranking product of amazon. They are having many developer API to display every websites country and world rank. You can make use of this API to display any websites rank in your websites/mobile apps. Today we are sharing here the readymade Alexa website rank script using PHP, jQuery, Bootstrap and Ajax….

Read More Read More

2,439 total views, no views today