Since you're using bootstrap you can replace each of your <td>'s with a column layout or using an unordered list format.
The easiest way to fully accomplish this is to:
- Create a Person page type with the fields you need to display data (name, image, title, etc.)
- In your content tree under
/BoardofDirectors add a folder for each Board Type (County Caucus, Large County Caucus, etc.)
- Next, add a Hierarchical Viewer to your page template
- Create a new hierarchical transformation
What this will do is get all the board types and place their name in bold, then get all the people (board members) and nest them directly underneath their respective board type.
The instructions above are pretty basic but really spitting the board members out on a page NOT in a <table> format will help greatly.