Bulma是一个基于 Flexbox 的免费开源 CSS 框架。它组件丰富、兼容且文档齐全。它本质上是高度敏感的。它使用类来实现其设计。
Bulma 支持很多类型的表格，例如有边框的表格、条纹表格、可悬停的表格、可滚动的表格等。只需在 HTML 中添加一些 Bulma 类，我们就可以实现非常互动的表格。
示例 1：此示例使用 Bulma 创建一个简单的表。
Bulma Table
User Information
Username
Email
Gender
Address
Phone No.
vilod565
vilod565@gmail.com
Male
Kolkata, West Bengal
9856435632
deepak123
deepak123@gmail.com
Male
Hooghly, West Bengal
6556456421
sneha345
sneha345@gmail.com
Female
Howrah, West Bengal
7674578634
saimi875
saimi875@gmail.com
Male
Birbhum, West Bengal
8767543452
santra765
santra765@gmail.com
Female
Maldah, West Bengal
9567345237
riya665
riya665@gmail.com
Female
Jalpaiguri, West Bengal
7656435634
raja222
raja222@gmail.com
Male
Maldah, West Bengal
8767543423
kunal456
kunal456@gmail.com
Male
Hooghly, West Bengal
8654328974
diwakar686
diwakar686@gmail.com
Male
Howrah, West Bengal
6754345672
nupur898
nupur898@gmail.com
Female
Kolkata, West Bengal
6897654320
输出： 
示例 2：此示例使用 Bulma 创建带边框的表。
Bulma Table
Users Information
Username
Email
Gender
Address
Phone No.
vilod565
vilod565@gmail.com
Male
Kolkata, West Bengal
9856435632
deepak123
deepak123@gmail.com
Male
Hooghly, West Bengal
6556456421
sneha345
sneha345@gmail.com
Female
Howrah, West Bengal
7674578634
saimi875
saimi875@gmail.com
Male
Birbhum, West Bengal
8767543452
santra765
santra765@gmail.com
Female
Maldah, West Bengal
9567345237
riya665
riya665@gmail.com
Female
Jalpaiguri, West Bengal
7656435634
raja222
raja222@gmail.com
Male
Maldah, West Bengal
8767543423
kunal456
kunal456@gmail.com
Male
Hooghly, West Bengal
8654328974
diwakar686
diwakar686@gmail.com
Male
Howrah, West Bengal
6754345672
nupur898
nupur898@gmail.com
Female
Kolkata, West Bengal
6897654320
输出： 
示例 3：此示例使用 Bulma 创建一个没有边框的表格。
Bulma Table
Users Information
Username
Email
Gender
Address
Phone No.
vilod565
vilod565@gmail.com
Male
Kolkata, West Bengal
9856435632
deepak123
deepak123@gmail.com
Male
Hooghly, West Bengal
6556456421
sneha345
sneha345@gmail.com
Female
Howrah, West Bengal
7674578634
saimi875
saimi875@gmail.com
Male
Birbhum, West Bengal
8767543452
santra765
santra765@gmail.com
Female
Maldah, West Bengal
9567345237
riya665
riya665@gmail.com
Female
Jalpaiguri, West Bengal
7656435634
raja222
raja222@gmail.com
Male
Maldah, West Bengal
8767543423
kunal456
kunal456@gmail.com
Male
Hooghly, West Bengal
8654328974
diwakar686
diwakar686@gmail.com
Male
Howrah, West Bengal
6754345672
nupur898
nupur898@gmail.com
Female
Kolkata, West Bengal
6897654320
输出： 
示例 4：此示例使用 Bulma 创建条纹边框表。
Bulma Table
Users Information
Username
Email
Gender
Address
Phone No.
vilod565
vilod565@gmail.com
Male
Kolkata, West Bengal
9856435632
deepak123
deepak123@gmail.com
Male
Hooghly, West Bengal
6556456421
sneha345
sneha345@gmail.com
Female
Howrah, West Bengal
7674578634
saimi875
saimi875@gmail.com
Male
Birbhum, West Bengal
8767543452
santra765
santra765@gmail.com
Female
Maldah, West Bengal
9567345237
riya665
riya665@gmail.com
Female
Jalpaiguri, West Bengal
7656435634
raja222
raja222@gmail.com
Male
Maldah, West Bengal
8767543423
kunal456
kunal456@gmail.com
Male
Hooghly, West Bengal
8654328974
diwakar686
diwakar686@gmail.com
Male
Howrah, West Bengal
6754345672
nupur898
nupur898@gmail.com
Female
Kolkata, West Bengal
6897654320
输出： 
示例 5：此示例使用 Bulma 创建一个可悬停的表格。
Bulma Table
Users Information
Username
Email
Gender
Address
Phone No.
vilod565
vilod565@gmail.com
Male
Kolkata, West Bengal
9856435632
deepak123
deepak123@gmail.com
Male
Hooghly, West Bengal
6556456421
sneha345
sneha345@gmail.com
Female
Howrah, West Bengal
7674578634
saimi875
saimi875@gmail.com
Male
Birbhum, West Bengal
8767543452
santra765
santra765@gmail.com
Female
Maldah, West Bengal
9567345237
riya665
riya665@gmail.com
Female
Jalpaiguri, West Bengal
7656435634
raja222
raja222@gmail.com
Male
Maldah, West Bengal
8767543423
kunal456
kunal456@gmail.com
Male
Hooghly, West Bengal
8654328974
diwakar686
diwakar686@gmail.com
Male
Howrah, West Bengal
6754345672
nupur898
nupur898@gmail.com
Female
Kolkata, West Bengal
6897654320
输出：
示例 6：此示例创建一个带有彩色背景的表格。
Bulma Table
Users Information
Username
Email
Gender
Address
Phone No.
vilod565
vilod565@gmail.com
Male
Kolkata, West Bengal
9856435632
deepak123
deepak123@gmail.com
Male
Hooghly, West Bengal
6556456421
sneha345
sneha345@gmail.com
Female
Howrah, West Bengal
7674578634
saimi875
saimi875@gmail.com
Male
Birbhum, West Bengal
8767543452
santra765
santra765@gmail.com
Female
Maldah, West Bengal
9567345237
riya665
riya665@gmail.com
Female
Jalpaiguri, West Bengal
7656435634
raja222
raja222@gmail.com
Male
Maldah, West Bengal
8767543423
kunal456
kunal456@gmail.com
Male
Hooghly, West Bengal
8654328974
diwakar686
diwakar686@gmail.com
Male
Howrah, West Bengal
6754345672
nupur898
nupur898@gmail.com
Female
Kolkata, West Bengal
6897654320
输出： 
注意：在上面的所有示例中，我们使用了一些额外的 Bulma 类，如容器、列、标题以文本为中心等来很好地设计内容。