--- layout: docs title: Introduction description: An overview of Bootstrap Table, how to download and use, basic templates, and more. group: getting-started redirect_from: - "/docs/" - "/getting-started/" - "/themes/bootstrap4" toc: true --- ## Quickstart Looking to quickly add Bootstrap Table to your Bootstrap v5 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 a viewport meta tag for proper responsive behaviors. For Bootstrap v5, we use [Bootstrap Icons](https://icons.getbootstrap.com/) as the default icons, so we need to import the Bootstrap 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)).