A guide to how to use Bootstrap 4 from scratch
Nov 29, 2023 10:01:59 GMT 1
Post by account_disabled on Nov 29, 2023 10:01:59 GMT 1
If we talk about the CSS framework that has the most use in the world, it's definitely (Twitter) Bootstrap. Admin himself is one of the users of Bootstrap who has been using it since ancient times (Bootstrap 2, since the time the style was designed Flat hasn't arrived yet) Today I've arrived in Bootstrap 4, so I decided to write this article so that it will be useful to everyone. Update: Bootstrap 4 Beta version is now out. You can download it from their main website and the various links in this article have been recently updated. (If the link doesn't update, please notify the admin via Facebook Message ) Let's see what's interesting. At the time of writing this article, Bootstrap is in version 4.0.0-alpha 5, which is close to becoming the complete version ( the owner of the Bootstrap project said this a month ago.
What does this article have? Show Video teaching how to use Phone Number List Bootstrap 4 in basic Thai language Admin has made a video teaching how to use Bootstrap 4 basics here. We will give a brief introduction to usage. We recommend that you continue reading this article in order to retain complete knowledge. [5 minute summary] What is Bootstrap 4 & what's new? Bootstrap 4 VS Bootstrap 3: What's the difference? First of all, there are probably quite a few people who have used Bootstrap 3 before. The differences between Bootstrap 4 and Bootstrap 3 are: Bootstrap 4's code has been written from the ground up. Bootstrap 3 is supported since Internet Explorer 8. Bootstrap 4 is supported since Internet Explorer.
Bootstrap 3 is written in LESS CSS, while Bootstrap 4 is written in SASS. But for those who don't use LESS / SASS, it doesn't matter because they have a normal CSS version as well. And for most projects, CSS is enough. Bootstrap 4 can use Flexbox grids (there are both Flexbox and non-Flexbox versions) – the advantage of Flexbox is that we can automatically make columns the same height. and can switch positions on each screen If anyone is interested in Flexbox grids, I recommend the Bulma CSS Framework that I wrote about earlier. Bootstrap 4 file size is slightly lighter than Bootstrap 3. Bootstrap 3 CSS file size = 121kb + 8kb Bootstrap 4 total 150kb Bootstrap 3 was released a long time ago. It's easier to find solutions on Google Stackoverflow.
What does this article have? Show Video teaching how to use Phone Number List Bootstrap 4 in basic Thai language Admin has made a video teaching how to use Bootstrap 4 basics here. We will give a brief introduction to usage. We recommend that you continue reading this article in order to retain complete knowledge. [5 minute summary] What is Bootstrap 4 & what's new? Bootstrap 4 VS Bootstrap 3: What's the difference? First of all, there are probably quite a few people who have used Bootstrap 3 before. The differences between Bootstrap 4 and Bootstrap 3 are: Bootstrap 4's code has been written from the ground up. Bootstrap 3 is supported since Internet Explorer 8. Bootstrap 4 is supported since Internet Explorer.
Bootstrap 3 is written in LESS CSS, while Bootstrap 4 is written in SASS. But for those who don't use LESS / SASS, it doesn't matter because they have a normal CSS version as well. And for most projects, CSS is enough. Bootstrap 4 can use Flexbox grids (there are both Flexbox and non-Flexbox versions) – the advantage of Flexbox is that we can automatically make columns the same height. and can switch positions on each screen If anyone is interested in Flexbox grids, I recommend the Bulma CSS Framework that I wrote about earlier. Bootstrap 4 file size is slightly lighter than Bootstrap 3. Bootstrap 3 CSS file size = 121kb + 8kb Bootstrap 4 total 150kb Bootstrap 3 was released a long time ago. It's easier to find solutions on Google Stackoverflow.