Development

Bootstrap 4 Form only CSS file

Bootstrap 4 without all the clutter, including only the responsive grid, form and button styles.

Bootstrap 4 is such a large and feature-packed style framework that you don’t need every single one of the style rules. Whilst the whole file is small in the whole scheme of things, if you’re chasing page speed scores then cutting 40-60 KB can certainly be beneficial.

For a simple website that just has a form and typography then using this will help cut page load times.

grid_form_buttons.min.css

Full Bootstrap 4.3.1 is 153 KB whilst this grid, form and button styling is just 92, this gets cut down even more with just the form styling:

form.min.css

Or form with the responsive grid styling:

grid_form.min.css

 

https://gist.github.com/cp6/96853c1b5d12240af04f74d24f71ebf2#file-form-min-css

Share

Recent Posts

Kennington reservoir drained drone images

A drained and empty Kennington reservoir images from a drone in early July 2024. The…

1 year ago

Merrimu Reservoir drone images

Merrimu Reservoir from drone. Click images to view larger.

1 year ago

FTP getting array of file details such as size using PHP

Using FTP and PHP to get an array of file details such as size and…

2 years ago

Creating Laravel form requests

Creating and using Laravel form requests to create cleaner code, separation and reusability for your…

2 years ago

Improving the default Laravel login and register views

Improving the default Laravel login and register views in such a simple manner but making…

2 years ago

Laravel validation for checking if value exists in the database

Laravel validation for checking if a field value exists in the database. The validation rule…

2 years ago