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