DataTables Resize problem (works here)

<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <script src="http://code.jquery.com/jquery-1.11.3.js" type="text/javascript"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.css">
    <script type="text/javascript" language="javascript" src="http://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" language="javascript" src="http://cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.js"></script>
    <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

    <script type="text/javascript">
        var table;

        $(document).ready(function() {
                table = $('#example').DataTable({
                    paging: false,
                    "columnDefs": [
                        { "orderable": false, "targets": 3 }
                    ],
                    searching: false
                });

                table.draw();
        });
    </script>
</head>
<body>
    <table id="example" class="table table-condensed table-striped table-hover dt-responsive table-bordered">
        <thead>
            <tr><th>Column A</th><th>Column B</th><th>Column C</th><th></th></tr>
        </thead><tbody>
            <tr>
                <td>John Doe</td>
                <td>32</td>
                <td>M</td>
                <td><i class="fa fa-pencil-square-o"></i><i class="fa fa-fw fa-trash-o"></i></td>
            </tr><tr>
                <td>Jane Doe</td>
                <td>31</td>
                <td>F</td>
                <td><i class="fa fa-pencil-square-o"></i><i class="fa fa-fw fa-trash-o"></i></td>
            </tr><tr>
                <td>Bob Doe</td>
                <td>47</td>
                <td>M</td>
                <td><i class="fa fa-pencil-square-o"></i><i class="fa fa-fw fa-trash-o"></i></td>
            </tr><tr>
                <td>David Doe</td>
                <td>35</td>
                <td>M</td>
                <td><i class="fa fa-pencil-square-o"></i><i class="fa fa-fw fa-trash-o"></i></td>
            </tr><tr>
                <td>Susan Doe</td>
                <td>20</td>
                <td>F</td>
                <td><i class="fa fa-pencil-square-o"></i><i class="fa fa-fw fa-trash-o"></i></td>
            </tr><tr>
                <td>Rodriguez Doe</td>
                <td>16</td>
                <td>M</td>
                <td><i class="fa fa-pencil-square-o"></i><i class="fa fa-fw fa-trash-o"></i></td>
            </tr>
    </table>
</body>
</html>