# Bootstrap integration

Angular Datables can also be compatible with Twitter Bootstrap 3.

You need to add the files `angular-datatables.bootstrap.min.js` and `datatables.bootstrap.min.css` to your HTML file.

You also need to add the dependency `datatables.bootstrap` to your Angular app.

angular.module('showcase.bootstrapIntegration', ['datatables', 'datatables.bootstrap']) .controller('BootstrapIntegrationCtrl', BootstrapIntegrationCtrl); function BootstrapIntegrationCtrl(DTOptionsBuilder, DTColumnBuilder) { var vm = this; vm.dtOptions = DTOptionsBuilder .fromSource('data.json') // Add Bootstrap compatibility .withBootstrap(); vm.dtColumns = [ DTColumnBuilder.newColumn('id').withTitle('ID').withClass('text-danger'), DTColumnBuilder.newColumn('firstName').withTitle('First name'), DTColumnBuilder.newColumn('lastName').withTitle('Last name') ]; }