jquery datatable с BootStrap? mvc4

Я уже разработал свою таблицу данных Jquery, теперь я хочу применить к ней функциональность BootStrap.

Мне нужно отображать столбцы по-разному, в зависимости от порта просмотра, скажем, изначально я делаю для рабочего стола и вкладки.

Мой код данных jquery:

<script type="text/javascript">

    $(document).ready(function () {

            $('#myDataTable').dataTable({

            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": "Home/AjaxHandler",
            "bJQueryUI": true,

            "aoColumns": [
                                    {
                                        "sName": "Lead_Id",
                                        "bVisible": false,
                                        "bSearchable": false,
                                        "bSortable": false
                                    },
                       {"sName": "Contact_Name"  }
                       },
                       { "sName": "Contact_Address" },
                       { "sName": "Lead_Source" },
                       { "sName": "Domain" }
            ]

        });
)};

ТАБЛИЦА HTML: // здесь я получаю заполненные данные mt

<div id="demo">

    <table  id= "myDataTable" class="display" cellpadding="0" cellspacing="0" border="0" >
        <thead>        

            <tr>
                       <th>Lead Id</th>
                       <th>Contact Name</th>
                       <th>Contact Address</th>
                       <th>Lead Source</th>
                       <th>Domain</th>
            </tr>
        </thead>
        <tbody> 
        </tbody>

    </table>
</div>

РЕДАКТИРОВАТЬ: В упомянутом коде я хочу скрыть Domain, который зависит от VIEW PORT. как я могу достичь этого

РЕДАКТИРОВАТЬ 2:

<tr class="odd" id="19">
<td class=" sorting_1">19</td>
<td class="">
<a href="Home/Details/19">Asadul Ltd</a>
</td>
<td class="">Hophouse</td>
<td class="" title="Click to select town">Essex</td>
</tr>

так для каждой строки только с изменением поступающих данных. Теперь, как применить

РЕДАКТИРОВАТЬ 3:

<style>
.table-responsive tr td:nth-child(2)  {
visibility:hidden;
background: red;
position:absolute;

}
.table-responsive tr th:nth-child(2) {
visibility:hidden;
position:absolute;
background: white;
}
table#myDataTable tbody tr:nth-child(2) // i dont know what to do here
    {
        background: red;
    }

</style>

ЗДЕСЬ я пытаюсь с вещами, которым я успешно применил белый цвет фона к динамически генерируемым столбцам. но я не знаю class="hidden-xs", который обычно скрывает переменную столбца в зависимости от размера порта просмотра

С Уважением