Bulma CSS Crash Course – A Quick Guide (2021)

by | Aug 16, 2021 | 0 comments

Bulma CSS Crash Course – A Quick Guide (2021)

by | Aug 16, 2021 | CSS Tips and Tricks | 0 comments



In this tutorial we take a look at Bulma CSS which is a CSS Framework which becomes more and more popular. This Crash Course covers the semantic of CSS Classes, what the HTML & CSS Framework includes and we compare Bulma against other HTML & CSS Frameworks like Bootstrap, Tailwind or Skeleton CSS.

Chapters:
00:00 – Intro
00:50 – Overview of Bulma CSS
03:10 – Getting Started with Bulma
05:54 – Container Class
07:10 – Adding Buttons
12:56 – Font & Titles in Bulma
16:33 – Modularity in Bulma
18:00 – Bulma Framework approach
20:15 – Wrap up on Bulma
22:22 – Outro

Twitter: https://twitter.com/OverflowSteff
Instagram: https://www.instagram.com/steffoverflow/
Website: https://www.steffoverflow.com

#bulmacss #crashcourse #cssframework #tutorial #bulma #css #code #howto #framework #coding #html

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>