<!DOCTYPE html>
 
<html lang="en">
 
    <head>
 
        <meta charset="utf-8">
 
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 
        <title>Bootstrap Table helper Example</title>
 
 
        <!-- Bootstrap -->
 
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
 
 
        <!--[if lt IE 9]>
 
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
        <![endif]-->
 
    </head>
 
    <body>
 
        <div class="container-fluid">
 
            <div class="row">
 
                <div class="col-xs-8 col-xs-offset-2">
 
                    <?php
 
                    require 'class.BootstrapTable.php';
 
                    $table = new BootstrapTableHelper();
 
                    echo $table->bordered()
 
                            ->striped()
 
                            ->hover()
 
                            ->columns(array("Languages","IDEs","Browsers","OSs"))
 
                            ->addRow(array("PHP","NetBeans","FireFox","Windows"))
 
                            ->addRow(array("PHP","NetBeans","FireFox","Windows"))
 
                            ->addRow(array("PHP","NetBeans","FireFox","Windows"))
 
                            ->addRow(array("PHP","NetBeans","FireFox","Windows"))
 
                            ->addRow(array("Java","Visual Studio","Chrome","Linux"))
 
                            ->addRow(array("Java","Visual Studio","Chrome","Linux"))
 
                            ->addRow(array("Java","Visual Studio","Chrome","Linux"))
 
                            ->addRow(array("Java","Visual Studio","Chrome","Linux"))
 
                            ->addRow(array("C++","Ecllips","Internet Explorer","Mac OS"))
 
                            ->addRow(array("C++","Ecllips","Internet Explorer","Mac OS"))
 
                            ->addRow(array("C++","Ecllips","Internet Explorer","Mac OS"))
 
                            ->addRow(array("C++","Ecllips","Internet Explorer","Mac OS"))
 
                            ->make();
 
                    ?>
 
                </div>
 
            </div>
 
        </div>
 
 
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 
        <!-- Include all compiled plugins (below), or include individual files as needed -->
 
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
 
    </body>
 
</html>
 
 |