For Multi events, there are a number of options to display results. The above .multi-results-table is an overall table which displays the final results of the combined event, as well as final results for each sub event. The .athlete cell of the table gets <p> elements with classes .multi-athlete for the athlete's name, team, and team points earned. Each .sub-event cell gets <p> elements with straightforward class names for deeper customization.

<table class="multi-results-table table table-striped table-bordered table-condensed">
  <thead>
    <tr>
      <th class="place">PL</th>
      <th class="athlete">Athlete</th>
      <th class="points">Pts</th>
      <th class='sub-event'>...</th>
      ...
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="place">...</td>
      <td class="athlete">
        <p class="multi-athlete">Chan, Geoffrey</p>
        <p class="multi-athlete">Roosevelt</p>
        <p class="multi-athlete">Team Points: 10</p>
      </td>
      <td class="points">...</td>
      <td class='sub-event'>
        <p class="sub-event-result">7.35</p>
        <p class="sub-event-wind">1.7</p>
        <p class="sub-event-points">...</p>
      </td>
      ...
    </tr>
    ...
  </tbody>
</table>

The following default styles are applied:

p.multi-athlete, .sub-event p {
    margin: 0px; /* undo Bootstrap <p> style */
}

.sub-event-points, .sub-event-wind {
    font-size:12px;
    font-style: italic;
}