Search Preview
Responsiveness | Bulma: a modern CSS framework based on Flexbox
bulma.ioBulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
.io > bulma.io
SEO audit: Content analysis
Language | Error! No language localisation is found. | ||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Title | Responsiveness | Bulma: a modern CSS framework based on Flexbox | ||||||||||||||||||||||||||||||||||||
Text / HTML ratio | 41 % | ||||||||||||||||||||||||||||||||||||
Frame | Excellent! The website does not use iFrame solutions. | ||||||||||||||||||||||||||||||||||||
Flash | Excellent! The website does not have any flash contents. | ||||||||||||||||||||||||||||||||||||
Keywords cloud | Bulma Bootstrap fullhd widescreen Responsiveness Buy Kindle Mobi Epub PDF gap official → Modularity Colors build default false mobile Documentation | ||||||||||||||||||||||||||||||||||||
Keywords consistency |
|
||||||||||||||||||||||||||||||||||||
Headings |
|
||||||||||||||||||||||||||||||||||||
Images | We found 18 images on this web page. |
SEO Keywords (Single)
Keyword | Occurrence | Density |
---|---|---|
Bulma | 28 | 1.40 % |
Bootstrap | 6 | 0.30 % |
fullhd | 5 | 0.25 % |
widescreen | 5 | 0.25 % |
Responsiveness | 5 | 0.25 % |
Buy | 5 | 0.25 % |
Kindle | 4 | 0.20 % |
Mobi | 4 | 0.20 % |
Epub | 4 | 0.20 % |
4 | 0.20 % | |
gap | 4 | 0.20 % |
official | 4 | 0.20 % |
→ | 3 | 0.15 % |
Modularity | 3 | 0.15 % |
Colors | 3 | 0.15 % |
build | 3 | 0.15 % |
default | 3 | 0.15 % |
false | 3 | 0.15 % |
mobile | 3 | 0.15 % |
Documentation | 3 | 0.15 % |
SEO Keywords (Two Word)
Keyword | Occurrence | Density |
---|---|---|
Bulma is | 4 | 0.20 % |
Epub Mobi | 4 | 0.20 % |
of Bulma | 4 | 0.20 % |
PDF Epub | 4 | 0.20 % |
The official | 4 | 0.20 % |
alternative to | 3 | 0.15 % |
and until | 3 | 0.15 % |
from Bootstrap | 3 | 0.15 % |
Coming from | 3 | 0.15 % |
to Bootstrap | 3 | 0.15 % |
Jeremy Thomas | 3 | 0.15 % |
by Jeremy | 3 | 0.15 % |
with Bulma | 3 | 0.15 % |
2 gap | 3 | 0.15 % |
from 1216px | 3 | 0.15 % |
Buy from | 3 | 0.15 % |
from 1024px | 3 | 0.15 % |
from 769px | 3 | 0.15 % |
Formats available | 2 | 0.10 % |
Bulma Formats | 2 | 0.10 % |
SEO Keywords (Three Word)
Keyword | Occurrence | Density | Possible Spam |
---|---|---|---|
PDF Epub Mobi | 4 | 0.20 % | No |
by Jeremy Thomas | 3 | 0.15 % | No |
alternative to Bootstrap | 3 | 0.15 % | No |
Coming from Bootstrap | 3 | 0.15 % | No |
Shah and David | 2 | 0.10 % | No |
Type Default value | 2 | 0.10 % | No |
Default value Computed | 2 | 0.10 % | No |
value Computed value | 2 | 0.10 % | No |
guide that teaches | 2 | 0.10 % | No |
stepbystep guide that | 2 | 0.10 % | No |
A stepbystep guide | 2 | 0.10 % | No |
Berning A stepbystep | 2 | 0.10 % | No |
David Berning A | 2 | 0.10 % | No |
and David Berning | 2 | 0.10 % | No |
Bulma Formats available | 2 | 0.10 % | No |
Aslam Shah and | 2 | 0.10 % | No |
Name Type Default | 2 | 0.10 % | No |
Mikko Lauhakari Aslam | 2 | 0.10 % | No |
Potiekhin Mikko Lauhakari | 2 | 0.10 % | No |
Oleksii Potiekhin Mikko | 2 | 0.10 % | No |
SEO Keywords (Four Word)
Keyword | Occurrence | Density | Possible Spam |
---|---|---|---|
Formats available PDF Epub | 2 | 0.10 % | No |
Aslam Shah and David | 2 | 0.10 % | No |
teaches you how to | 2 | 0.10 % | No |
that teaches you how | 2 | 0.10 % | No |
guide that teaches you | 2 | 0.10 % | No |
stepbystep guide that teaches | 2 | 0.10 % | No |
A stepbystep guide that | 2 | 0.10 % | No |
Berning A stepbystep guide | 2 | 0.10 % | No |
David Berning A stepbystep | 2 | 0.10 % | No |
and David Berning A | 2 | 0.10 % | No |
Shah and David Berning | 2 | 0.10 % | No |
Lauhakari Aslam Shah and | 2 | 0.10 % | No |
how to build a | 2 | 0.10 % | No |
Responsiveness Colors Functions Mixins | 2 | 0.10 % | No |
Modularity Responsiveness Colors Functions | 2 | 0.10 % | No |
Classes Modularity Responsiveness Colors | 2 | 0.10 % | No |
Start Classes Modularity Responsiveness | 2 | 0.10 % | No |
Potiekhin Mikko Lauhakari Aslam | 2 | 0.10 % | No |
Oleksii Potiekhin Mikko Lauhakari | 2 | 0.10 % | No |
Bulma Oleksii Potiekhin Mikko | 2 | 0.10 % | No |
Internal links in - bulma.io
Bulma Videos
Bulma: a modern CSS framework based on Flexbox
Expo: beautiful websites designed Bulma
Love for Bulma ????
More | Bulma: a modern CSS framework based on Flexbox
Bulma start: a tiny npm package to get started with Bulma
Made with Bulma badges
Bulma: an alternative to Bootstrap
Backers via Patreon | Bulma: a modern CSS framework based on Flexbox
Extensions | Bulma: a modern CSS framework based on Flexbox
Responsiveness | Bulma: a modern CSS framework based on Flexbox
Modularity | Bulma: a modern CSS framework based on Flexbox
Columns powered by Flexbox | Bulma: a modern CSS framework based on Flexbox
Love for Bulma ????
Modifiers syntax | Bulma: a modern CSS framework based on Flexbox
Customize | Bulma: a modern CSS framework based on Flexbox
CSS classes | Bulma: a modern CSS framework based on Flexbox
Hero | Bulma: a modern CSS framework based on Flexbox
Getting started with Bulma | Bulma: a modern CSS framework based on Flexbox
Bulma: an alternative to Bootstrap
Expo: beautiful websites designed Bulma
Bulma: a modern CSS framework based on Flexbox
Migrating to v0.7.0 | Bulma: a modern CSS framework based on Flexbox
Website redesign: clearer layout, easier navigation, better content, and much more! | Bulma: a modern CSS framework based on Flexbox
Bulma supports Font Awesome 5 | Bulma: a modern CSS framework based on Flexbox
Overview | Bulma: a modern CSS framework based on Flexbox
Modifiers | Bulma: a modern CSS framework based on Flexbox
Columns | Bulma: a modern CSS framework based on Flexbox
Layout | Bulma: a modern CSS framework based on Flexbox
Form | Bulma: a modern CSS framework based on Flexbox
Elements | Bulma: a modern CSS framework based on Flexbox
Components | Bulma: a modern CSS framework based on Flexbox
Bulma start: a tiny npm package to get started with Bulma
Made with Bulma badges
Backers via Patreon | Bulma: a modern CSS framework based on Flexbox
Extensions | Bulma: a modern CSS framework based on Flexbox
Bulma.io Spined HTML
Responsiveness | Bulma: a modern CSS framework based on Flexbox Docs Documentation Videos Blog Expo Love More Bulma start A tiny npm package to get started Made with Bulma The official polity token Coming from Bootstrap See how Bulma is an volitional to Bootstrap Patreon backers Everyone who is supporting Bulma Bulma extensions Side projects to enhance Bulma Download Home Documentation Overview Responsiveness ← → Responsiveness Bulma is a mobile-first framework Start Classes Modularity Responsiveness Colors Functions Mixins Vertical by default # Every element in Bulma is mobile-first and optimizes for vertical reading, so by default on mobile: columns are stacked vertically the level component will show its children stacked vertically the nav menu will be subconscious You can however enforce the horizontal layout for both columns or nav by appending the is-mobile modifier. Breakpoints # Bulma has 5 breakpoints: mobile: up to 768px tablet: from 769px desktop: from 1024px widescreen: from 1216px fullhd: from 1408px Bulma uses 9 responsive mixins: =mobile until 768px =tablet from 769px =tablet-only from 769px and until 1023px =touch until 1023px =desktop from 1024px =desktop-only from 1024px and until 1215px =widescreen from 1216px =widescreen-only from 1216px and until 1407px =fullhd from 1408px Mobile Up to 768px Tablet Between 769px and 1023px Desktop Between 1024px and 1215px Widescreen Between 1216px and 1407px FullHD 1408px and whilom mobile - - tablet - desktop - widescreen - fullhd - tablet-only - - desktop-only - - widescreen-only - touch - until-widescreen - until-fullhd - Disabling breakpoints # New! 0.7.0 By default, the $widescreen and $fullhd breakpoints are enabled. You can disable them by setting the respective Sass boolean to false: // Disable the widescreen breakpoint $widescreen-enabled: false // Disable the fullhd breakpoint $fullhd-enabled: false Variables # These are variables with a value that references flipside variable. Name Type Default value Computed value Name Type Default value Computed value $gap size 64px $tablet size 769px $desktop computed 960px + (2 * $gap) $widescreen computed 1152px + (2 * $gap) $fullhd computed 1344px + (2 * $gap) ← Modularity Colors → This page is unshut source. Noticed a typo? Or something unclear? Improve this page on GitHub Overview Start Classes Modularity Responsiveness Colors Functions Mixins Customize New! Concepts Variables With node-sass With Sass CLI With webpack Modifiers Syntax Helpers Responsive helpers Color helpers Typography helpers Columns Basics Sizes Responsiveness Nesting Gap Options Layout Container Level Media Object Hero Section Footer Tiles Form General Input Textarea Select Checkbox Radio File Elements Box Button Content Delete Icon Image Notification Progress bars Table Tag Title Components Breadcrumb Card Dropdown Menu Message Modal Navbar Pagination Panel Tabs Sponsor New ebook! My 44-page ebook "CSS in 44 minutes" is out! 😃 Buy now → On this page #native_company# #native_desc# #native_cta# Support Bulma One-time donation Visit our sponsor Monthly donation New! The official Bulma book! 😲 by Jeremy Thomas, creator of Bulma, Oleksii Potiekhin,Mikko Lauhakari, Aslam Shah and David Berning A step-by-step guide that teaches you how to build a web interface from scratch using Bulma. Formats available: PDF Epub Mobi or Kindle PDF + Epub + Mobi Buy from Kindle version Buy from Or download a self-ruling sample ! Newsletter Features, releases, showcase… stay in the loop! Subscribe Bulma by Jeremy Thomas. @jgthms Source lawmaking licensed MIT. Website content licensed CC BY-NC-SA 4.0 Contribute on GitHub Share on social media Tweet Coming from Bootstrap An volitional to Bootstrap Expo See what you can build with Bulma Love Fans of Bulma Home Blog Automatic variables docs Migrating to v0.7.0 Website redesign Font Awesome 5 View all posts Documentation Overview Customize Modifiers Columns Layout Form Elements Components More Expo Official Bulma showcase Love Fans of Bulma virtually the world Bulma start A tiny npm package to get started Made with Bulma The official polity token Coming from Bootstrap See how Bulma is an volitional to Bootstrap Patreon backers Everyone who is supporting Bulma Bulma extensions Side projects to enhance Bulma New! The official Bulma book! 😲 by Jeremy Thomas, creator of Bulma, Oleksii Potiekhin,Mikko Lauhakari, Aslam Shah and David Berning A step-by-step guide that teaches you how to build a web interface from scratch using Bulma. Formats available: PDF Epub Mobi or Kindle PDF + Epub + Mobi Buy from Kindle version Buy from Or download a self-ruling sample !