Should I use my own CSS or Bootstrap?
Table of Contents Does your website or application have any of the following?Are there any disadvantages of using Bootstrap?Summary Does your website or application have any of the following? Paragraphs, tables, buttons, lists, tabs, headings, responsive embeds, images, responsive breakpoints, etc. The main benefit of using Bootstrap is it saves you time writing common CSS… Read more »
Category: Common Questions
What Are the Bootstrap 4 Text Font Sizes and How Do You Change Them?
Bootstrap’s font sizes are calculated off of the body font size by using rem values. If you change the body font size all styles will be increased/decreased automatically. Rem stands for “root em” because it calculates the size based on the size of the root of the document or body tag. So Bootstrap’s global default… Read more »
Category: Common Questions
What are the integrity and crossorigin attributes and why are they necessary?
In the code snippet below, you will see how Bootstrap uses a CDN to deliver their minified scripts and styles. But what is that long string of random characters after integrity=?
|
1 2 3 |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"> |
With this technology, developers can benefit from the performance gains of using Content Delivery Networks (CDNs) without having to fear that a third-party… Read more »
Category: Common Questions
What are the differences between CSS and SASS and what are its advantages and disadvantages?
Sass stands for syntactically awesome stylesheets. Sass is a scripting language that is compiled into regular CSS. It was created to help writing CSS easier and more efficient. CSS is great but it lacks the ability to do advanced programming and calculations. Sass is CSS with superpowers but browsers like Chrome cannot read Sass files…. Read more »
Category: Common Questions
Bootstrap 4 Img Responsive Class Example
In Bootstrap 3 you would use the class .img-responsive but in Bootstrap 4 this class name has been renamed to .img-fluid View on codepen How to create a responsive image in Bootstrap 4 .img-fluid
|
1 2 3 |
<img src="https://dummyimage.com/1200x400/000/fff" alt="responsive image" class="img-fluid"> |
Category: Common Questions
How Do I Make an Image Responsive in Bootstrap 4?
.img-fluid
|
1 2 3 |
<img src="https://dummyimage.com/600x400/000/fff" alt="placeholder image" class="img-fluid" /> |
In Bootstrap 4 you would use the .img-fluid class on all images you would like to be responsive. This class tells the browser not to expand the image larger than its original size using a max-width. And it also tells it to scale down the image if the browser window gets narrower than… Read more »
Category: Common Questions
Take Command of CSS Flexbox
As a kid I loved playing with toy plastic army men. I would line them up and pretend to be in command giving orders to my soldiers in order to defeat the enemy. Since I was in full command, the soldiers would look to me for their orders. Sometimes a hot shot recruit would overstep… Read more »
Category: Tutorials
How can I find a full Bootstrap class reference with descriptions?
I recently put together a desk reference of all of the Bootstrap CSS classes. It also includes sample code snippets of frequently used components. The download page also has a sortable table to help find classes by component. Bootstrap 3 Full Classes Reference Cheat Sheet Bootstrap 4 Full Classes Reference Cheat Sheet
Category: Common Questions
Which framework is better, W3.CSS or Bootstrap?
Both of these are essentially style guides. A way of doing things. I recommend Bootstrap because of the following points. The large number of websites currently using it The large number of contributors and bug testers on the open source project Being more marketable for jobs because more teams use it and you don’t have… Read more »
Category: Common Questions
How to Change the Bootstrap Text Size and Make the Font Size Responsive
Do you want to adjust the default font sizes in Bootstrap 4? You can either adjust the Sass variables or write new CSS styles to override the default values. In this tutorial, I will provide the default font size values and show you how to change the values based on the Bootstrap 4 breakpoints…. Read more »
Category: Common Questions
