Boostrap のテーブルのレスポンシブ機能を無効化したい

Question

現在、Twitter Bootstrapを使ってWebページを作っています。
Bootstrapでテーブルを作成すると、ブラウザのウィンドウサイズを小さくしていったときに、テーブルも合わせて小さくなり（responsive機能）文字が折り返されたりしてしまいます。

望む動きとしては小さくなった分のテーブル領域は表示されなくていいのですがどう実装したらいいのでしょうか？

テーブル構造はシンプルです。
これを画面幅いっぱいに表示しています。

<table class="table table-bordered">
    <thead>
        <tr>
            <th>犬種</th>
            <th>性別</th>
            <th>年齢</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>柴犬</td>
            <td>オス</td>
            <td>1</td>
        </tr>
        <tr>
            <td>ミニチュアダックス</td>
            <td>メス</td>
            <td>2</td>
        </tr>
        </tbody>
</table>

Answer 1

レスポンシブ機能を完全になくしたい場合は、メディアクエリの該当箇所を上書きするか削除するほかありません。
ですが、単に折り返しさせたくないというのであればbootstrapにはtext-nowrapというclassが用意されているのでこちらを使われてはと思います。

<th class="text-nowrap">犬種</th>

Answer 2

table-responsiveを使うといかがですか。

<div class="table-responsive">
    <table class="table table-bordered">
        <thead>
            <tr>
                <th>犬種</th>
                <th>性別</th>
                <th>年齢</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>柴犬</td>
                <td>オス</td>
                <td>1</td>
            </tr>
            <tr>
                <td>ミニチュアダックス</td>
                <td>メス</td>
                <td>2</td>
            </tr>
            </tbody>
    </table>
</div>