bulma/docs/_includes/content/comparison.html
Jeremy Thomas 08ef4df2c0
Bulma v9 website (#3249)
* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute
2021-01-27 23:30:42 +00:00

593 lines
10 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<tr>
<th colspan="2">
Grid system
</th>
</tr>
<tr>
<td>
<a href="{{ site.url }}/documentation/columns/basics/">
columns
</a>
</td>
<td>
<a href="https://getbootstrap.com/css/#grid" target="_blank">
row
</a>
</td>
</tr>
<tr>
<td>
<a href="{{ site.url }}/documentation/columns/basics/">
column
</a>
</td>
<td>
<a href="https://getbootstrap.com/css/#grid" target="_blank">
col
</a>
</td>
</tr>
<tr>
<td class="bd-is-unique">
<a href="{{ site.url }}/documentation/layout/tiles/">
tile
</a>
</td>
<td class="bd-is-empty">
<span></span>
</td>
</tr>
<tr>
<th colspan="2">
Form
</th>
</tr>
<tr>
<td class="bd-is-unique">
<a href="{{ site.url }}/documentation/form/general/">
field
</a>
</td>
<td class="bd-is-empty">
<span></span>
</td>
</tr>
<tr>
<td>
<a href="{{ site.url }}/documentation/form/general/">
field is-grouped
</a>
</td>
<td>
<a href="https://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="https://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="https://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="https://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="https://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="https://getbootstrap.com/css/#forms" target="_blank">
form-control
</a>
</td>
</tr>
<tr>
<td class="bd-is-unique">
<a href="{{ site.url }}/documentation/form/select/">
select
</a>
</td>
<td class="bd-is-empty">
<span></span>
</td>
</tr>
<tr>
<td>
<a href="{{ site.url }}/documentation/form/checkbox/">
checkbox
</a>
</td>
<td>
<a href="https://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="https://getbootstrap.com/css/#forms" target="_blank">
radio
</a>
</td>
</tr>
<tr>
<td class="bd-is-unique">
<a href="{{ site.url }}/documentation/form/file/">
file
</a>
</td>
<td class="bd-is-empty">
<span></span>
</td>
</tr>
<tr>
<td>
<a href="{{ site.url }}/documentation/elements/button/">
button is-static
</a>
</td>
<td>
<a href="https://getbootstrap.com/css/#forms" target="_blank">
form-control-static
</a>
</td>
</tr>
<tr>
<th colspan="2">
Elements
</th>
</tr>
<tr>
<td class="bd-is-unique">
<a href="{{ site.url }}/documentation/elements/box/">
box
</a>
</td>
<td class="bd-is-empty">
<span></span>
</td>
</tr>
<tr>
<td>
<a href="{{ site.url }}/documentation/elements/button/">
button
</a>
</td>
<td>
<a href="https://getbootstrap.com/css/#buttons" target="_blank">
button
</a>
</td>
</tr>
<tr>
<td class="bd-is-unique">
<a href="{{ site.url }}/documentation/elements/content/">
content
</a>
</td>
<td class="bd-is-empty">
<span></span>
</td>
</tr>
<tr>
<td>
<a href="{{ site.url }}/documentation/elements/delete/">
delete
</a>
</td>
<td>
<a href="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://getbootstrap.com/css/#type" target="_blank">
h1 .. h6
</a>
</td>
</tr>
<tr>
<td class="bd-is-empty">
</td>
<td class="bd-is-unique">
<a href="https://getbootstrap.com/css/#type-lists" target="_blank">
lists
</a>
</td>
</tr>
<tr>
<td class="bd-is-empty">
</td>
<td class="bd-is-unique">
<a href="https://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="https://getbootstrap.com/components/#breadcrumbs" target="_blank">
breadcrumbs
</a>
</td>
</tr>
<tr>
<td>
<a href="{{ site.url }}/documentation/components/card/">
card
</a>
</td>
<td>
card
</td>
</tr>
<tr>
<td>
<a href="{{ site.url }}/documentation/components/dropdown/">
dropdown
</a>
</td>
<td>
<a href="https://getbootstrap.com/components/#btn-dropdowns" target="_blank">
dropdowns
</a>
</td>
</tr>
<tr>
<td class="bd-is-unique">
<a href="{{ site.url }}/documentation/layout/level/">
level
</a>
</td>
<td class="bd-is-empty">
<span></span>
</td>
</tr>
<tr>
<td class="bd-is-empty">
</td>
<td class="bd-is-unique">
<a href="https://getbootstrap.com/components/#list-group" target="_blank">
list group
</a>
</td>
</tr>
<tr>
<td>
<a href="{{ site.url }}/documentation/layout/media-object/">
media object
</a>
</td>
<td>
<a href="https://getbootstrap.com/components/#media" target="_blank">
media object
</a>
</td>
</tr>
<tr>
<td class="bd-is-unique">
<a href="{{ site.url }}/documentation/components/menu/">
menu
</a>
</td>
<td class="bd-is-empty">
<span></span>
</td>
</tr>
<tr>
<td>
<a href="{{ site.url }}/documentation/components/message/">
message
</a>
</td>
<td>
<a href="https://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="https://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="https://getbootstrap.com/components/#navbar" target="_blank">
navbar
</a>
</td>
</tr>
<tr>
<td class="bd-is-empty">
</td>
<td class="bd-is-unique">
<a href="https://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="https://getbootstrap.com/components/#pagination" target="_blank">
pagination
</a>
</td>
</tr>
<tr>
<td class="bd-is-unique">
<a href="{{ site.url }}/documentation/components/panel/">
panel
</a>
</td>
<td class="bd-is-empty">
<span></span>
</td>
</tr>
<tr>
<td>
<a href="{{ site.url }}/documentation/components/tabs/">
tabs
</a>
</td>
<td>
<a href="https://getbootstrap.com/components/#navs" target="_blank">
navs
</a>
</td>
</tr>
<tr>
<td class="bd-is-empty">
</td>
<td class="bd-is-unique">
<a href="https://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="https://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="https://getbootstrap.com/components/#jumbotron" target="_blank">
jumbotron
</a>
</td>
</tr>
<tr>
<td class="bd-is-unique">
<a href="{{ site.url }}/documentation/layout/section/">
section
</a>
</td>
<td class="bd-is-empty">
<span></span>
</td>
</tr>
<tr>
<td class="bd-is-unique">
<a href="{{ site.url }}/documentation/layout/footer/">
footer
</a>
</td>
<td class="bd-is-empty">
<span></span>
</td>
</tr>