Bootstrap: Responsive tables with WYSIWYG text format I use WYSIWYG  as text format and inserted tables under the filed using MYSIWYG are not responsive and make the site unresponsive.

It looks really bad in mobile phones.

Website without table: 

Website with table:


Things I tried so far and didn't work:


Zurb responsive tables
Responsive Tables Filter
Responsive Tables
After adding table with WYSIWYG I changed the text format to Full HTML and didn't work
Option 1: Use Responsive Tables
To have more control over table columns, use the Responsive Tables module. Some details about it (rom its project page):

Adds a library to allow tables to function better in responsive layouts.
You can manually add the library to any table on the site. You also have the option of using the Better Views Tables module to configure the responsive table controls through the Views UI.

Option 2: Use a responsive theme
You should consider using a responsive theme, such as (popular) Omega or Zen themes. There is also the Beep Edition &quot;theme&quot;, which (quote from project page) &quot;is designed from the ground up as a mobile-first responsive theme&quot;. However that has like 5 module dependencies ...
For a list of way more (less known) responsive themes, refer to 26 More of the Best Responsive Drupal Themes. Quote from that link:

All of these free Drupal themes have responsive layouts, and they include great features like Bootstrap frameworks, Google Fonts, sliders, Font Awesome icons, Facebook integration, social networking icons, and more.