Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add comparison table

Browse Source
This commit is contained in:
Jeremy Thomas
2017-07-31 17:32:41 +01:00
parent 754b8bf081
commit 236837f36c
5 changed files with 707 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
docs/alternative-to-bootstrap.html
View File

@@ -107,11 +107,16 @@ bootstrap:
</section>
</main>
<div class="section notification">
<h2 class="subtitle">
<div class="container">
Both Bulma and Bootstrap are <strong>CSS frameworks</strong> that allow developers to quickly <strong>build web interfaces</strong> with ease. While they have fairly similar features, they still differ in some ways, and you might wonder why you should choose one framework over the other. This page is here to help answer that.
</div>
</h2>
</div>
<section class="section">
<div class="container">
<h2 class="subtitle">
Both Bulma and Bootstrap are <strong>CSS frameworks</strong> that allow developers to quickly <strong>build web interfaces</strong> with ease. While they have fairly similar features, they still differ in some ways, and you might wonder why you should choose one framework over the other. This page is here to help answer that.
</h2>
<div class="columns is-desktop">
<div class="column is-half-desktop">
@@ -154,6 +159,41 @@ bootstrap:
</div>
</div>
</div>
</div>
</section>
<hr>
<section class="section">
<div class="container">
<div class="comparison">
<header class="comparison-header has-text-centered">
<h2 class="title">
Comparison table
</h2>
<p class="subtitle">
See which elements of the framework exist (or not) in the other
</p>
</header>
<table class="table is-bordered is-fullwidth">
<thead>
<tr>
<th>{% include svg/bulma-b.svg %}Bulma</th>
<th>{% include svg/bootstrap-icon.svg %}Bootstrap</th>
</tr>
</thead>
<tfoot>
<tr>
<th>{% include svg/bulma-b.svg %}Bulma</th>
<th>{% include svg/bootstrap-icon.svg %}Bootstrap</th>
</tr>
</tfoot>
<tbody>
{% include comparison.html %}
</tbody>
</table>
</div>
</div>
</section>