Today, We will learn How to Create an Event Calendar with jQuery, PHP, and MySQL. Read: How To Create Multi-Step Form Progress Bar JQuery, Bootstrap, And PHP Event Calendar is an important feature of web applications to allow users to add and view events in a Calendar. Here, you will learn how to create an … Read more
Today, We will learn how to create a multi-step form with progress bar using Jquery, Bootstrap, and PHP. So let’s start writing code. Read: What are Bootstrap Containers and how to code Forms with too many input fields are so boring and annoying to users, So we will not use more input fields. We will … Read more
Today, We will know about Bootstrap colors and How to code Bootstrap colors in Code. Read: What is Bootstrap Text or Typography and How to Bootstrap Text Colors Bootstrap 4 has some contextual classes that can be used to provide “meaning through colors”. The classes for text colors are: .text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark, .text-body (default body-color/often black) and .text-light: Contextual text classes … Read more
Today, We will learn about Bootstrap Text or Typography and How to write Bootstrap Code. Read: What are Bootstrap Containers and how to code Bootstrap 4 Default Settings Bootstrap 4 uses a default font-size of 16px, and its line-height is 1.5. The default font-family is “Helvetica Neue”, Helvetica, Arial, sans-serif. In addition, all <p> elements have margin-top: 0 and margin-bottom: 1rem (16px by default). <h1> – <h6> … Read more
Today, We will learn Bootstrap Containers and how to code Bootstrap containers with example. Read: What is Bootstrap Grids and How to Code Bootstrap Containers Containers are used to pad the content inside of them, and there are two container classes available: The .container class provides a responsive fixed width container The .container-fluid class provides a full width container, spanning the … Read more
Today, We will learn about what is Bootstrap Grids and how to code. We Will also see the example of Bootstrap Grids. Read: How to Develop CRUD Application from PHP MySQL Bootstrap 4 Grid System Bootstrap’s grid system is built with flexbox and allows up to 12 columns across the page. If you do not … Read more
Bootstrap icon bar with CSS Example: <!DOCTYPE html> <html> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”> <style> body {margin:0} .icon-bar { width: 90px; background-color: #555; } .icon-bar a { display: block; text-align: center; padding: 16px; transition: all 0.3s ease; color: white; font-size: 36px; } .icon-bar a:hover { background-color: #000; } .active { … Read more
bootstrap : Responsive Navbar with Links of Same Width Example: Responsive Navbar with Links of Same Width Try to resize the browser window to see the responsive effect. Home Search Contact Login Here is the code <!DOCTYPE html> <html> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”> <style> * {box-sizing: border-box} body {font-family: Arial, Helvetica, sans-serif;} … Read more