mirror of
https://github.com/jgthms/bulma
synced 2026-03-18 03:14:30 -07:00
Add comparison table
This commit is contained in:
Jeremy Thomas
592
docs/_includes/comparison.html
Normal file
592
docs/_includes/comparison.html
Normal file
@@ -0,0 +1,592 @@
|
||||
|
||||
<tr>
|
||||
<th colspan="2">
|
||||
Grid system
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/grid/columns/">
|
||||
columns
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#grid" target="_blank">
|
||||
row
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/grid/columns/">
|
||||
column
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#grid" target="_blank">
|
||||
col
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/grid/tiles/">
|
||||
tile
|
||||
</a>
|
||||
</td>
|
||||
<td class="is-empty">
|
||||
<span>–</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">
|
||||
Form
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/form/general/">
|
||||
field
|
||||
</a>
|
||||
</td>
|
||||
<td class="is-empty">
|
||||
<span>–</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/form/general/">
|
||||
field is-grouped
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#btn-groups" target="_blank">
|
||||
button groups
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/form/general/">
|
||||
field is-grouped
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#input-groups" target="_blank">
|
||||
input groups
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/form/general/">
|
||||
control
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#forms" target="_blank">
|
||||
form-group
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/form/general/">
|
||||
label
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#forms" target="_blank">
|
||||
label
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/form/input/">
|
||||
input
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#forms" target="_blank">
|
||||
form-control
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/form/textarea/">
|
||||
textarea
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#forms" target="_blank">
|
||||
form-control
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/form/select/">
|
||||
select
|
||||
</a>
|
||||
</td>
|
||||
<td class="is-empty">
|
||||
<span>–</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/form/checkbox/">
|
||||
checkbox
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#forms" target="_blank">
|
||||
checkbox
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/form/radio/">
|
||||
radio
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#forms" target="_blank">
|
||||
radio
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/form/file/">
|
||||
file
|
||||
</a>
|
||||
</td>
|
||||
<td class="is-empty">
|
||||
<span>–</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/button/">
|
||||
button is-static
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#forms" target="_blank">
|
||||
form-control-static
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">
|
||||
Elements
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/box/">
|
||||
box
|
||||
</a>
|
||||
</td>
|
||||
<td class="is-empty">
|
||||
<span>–</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/button/">
|
||||
button
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#buttons" target="_blank">
|
||||
button
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/content/">
|
||||
content
|
||||
</a>
|
||||
</td>
|
||||
<td class="is-empty">
|
||||
<span>–</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/delete/">
|
||||
delete
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#helper-classes-close" target="_blank">
|
||||
close
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/icon/">
|
||||
icon
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#glyphicons" target="_blank">
|
||||
glyphicon
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/image/">
|
||||
image
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#thumbnails" target="_blank">
|
||||
thumbnails
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/image/">
|
||||
image is-16by9
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#responsive-embed" target="_blank">
|
||||
responsive embed
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/notification/">
|
||||
notification
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#alerts" target="_blank">
|
||||
alerts
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/progress/">
|
||||
progress
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#progress" target="_blank">
|
||||
progress bars
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/table/">
|
||||
table
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#tables" target="_blank">
|
||||
table
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/tag/">
|
||||
tag
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#labels" target="_blank">
|
||||
labels
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/tag/">
|
||||
tag is-rounded
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#badges" target="_blank">
|
||||
badges
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/title/">
|
||||
title
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#type" target="_blank">
|
||||
h1 .. h6
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/elements/title/">
|
||||
subtitle
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#type" target="_blank">
|
||||
h1 .. h6
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-empty">
|
||||
–
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#type-lists" target="_blank">
|
||||
lists
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-empty">
|
||||
–
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#caret" target="_blank">
|
||||
caret
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">
|
||||
Components
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/components/breadcrumb/">
|
||||
breadcrumb
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#breadcrumbs" target="_blank">
|
||||
breadcrumbs
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/components/card/">
|
||||
card
|
||||
</a>
|
||||
</td>
|
||||
<td class="is-empty">
|
||||
<span>–</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/components/dropdown/">
|
||||
dropdown
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#btn-dropdowns" target="_blank">
|
||||
dropdowns
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/components/level/">
|
||||
level
|
||||
</a>
|
||||
</td>
|
||||
<td class="is-empty">
|
||||
<span>–</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-empty">
|
||||
–
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#list-group" target="_blank">
|
||||
list group
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/components/media-object/">
|
||||
media object
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#media" target="_blank">
|
||||
media object
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/components/menu/">
|
||||
menu
|
||||
</a>
|
||||
</td>
|
||||
<td class="is-empty">
|
||||
<span>–</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/components/message/">
|
||||
message
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#panels" target="_blank">
|
||||
panels
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/components/modal/">
|
||||
modal
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/javascript/#modals" target="_blank">
|
||||
modal
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/components/navbar/">
|
||||
navbar
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#navbar" target="_blank">
|
||||
navbar
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-empty">
|
||||
–
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#page-header" target="_blank">
|
||||
page header
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/components/pagination/">
|
||||
pagination
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#pagination" target="_blank">
|
||||
pagination
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/components/panel/">
|
||||
panel
|
||||
</a>
|
||||
</td>
|
||||
<td class="is-empty">
|
||||
<span>–</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/components/tabs/">
|
||||
tabs
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#navs" target="_blank">
|
||||
navs
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-empty">
|
||||
–
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#wells" target="_blank">
|
||||
wells
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">
|
||||
Layout
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/layout/container/">
|
||||
container
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/css/#overview-container" target="_blank">
|
||||
container
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/layout/hero/">
|
||||
hero
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://getbootstrap.com/components/#jumbotron" target="_blank">
|
||||
jumbotron
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/layout/section/">
|
||||
section
|
||||
</a>
|
||||
</td>
|
||||
<td class="is-empty">
|
||||
<span>–</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ site.url }}/documentation/layout/footer/">
|
||||
footer
|
||||
</a>
|
||||
</td>
|
||||
<td class="is-empty">
|
||||
<span>–</span>
|
||||
</td>
|
||||
</tr>
|
||||
Reference in New Issue
Block a user