---
layout: simple
title: Materialize
description: A getting started of add Bootstrap Table to Materialize, how to download and use, basic templates, and more.
group: themes
toc: true
---
## Quick start
Looking to quickly add Bootstrap Table to your Materialize project? Use CDN, provided for free by the folks at UNPKG. Using a package manager or need to download the source files? [Head to the downloads page]({{ site.baseurl }}/docs/getting-started/download/).
### CSS
Copy-paste the stylesheet `` into your `` before all other stylesheets to load our CSS.
{% highlight html %}
{% endhighlight %}
### JS
Place the following `
{% endhighlight %}
## Starter template
Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors.
For Materialize, we use [Material Design Icons](https://google.github.io/material-design-icons/#icon-font-for-the-web) as the default icons, so need to import Material Icons link.
Put it all together and your pages should look like this:
{% highlight html %}
Hello, Bootstrap Table!
Item ID
Item Name
Item Price
1
Item 1
$1
2
Item 2
$2
{% endhighlight %}
### HTML5 doctype
Bootstrap Table requires the use of the HTML5 doctype. Without it, you'll see some funky incomplete styling, but including it shouldn't cause any considerable hiccups.
{% highlight html %}
...
{% endhighlight %}
## Community
Stay up to date on the development of Bootstrap Table and reach out to the community with these helpful resources.
- Follow [@{{ site.twitter }} on Twitter](https://twitter.com/{{ site.twitter }}).
- Read [The Official Bootstrap Table News]({{ site.base_url }}/news).
- Implementation help may be found at Stack Overflow (tagged [`bootstrap-table`](https://stackoverflow.com/questions/tagged/bootstrap-table)).