Shopper

Size	US	Bust	Waist	Hips
XS	2	32	24 - 25	33 - 34
S	4	34 - 35	26 - 27	35 - 26
M	6	36 - 37	28 - 29	38 - 40
L	8	38 - 29	30 - 31	42 - 44
XL	10	40 - 41	32 - 33	45 - 47
XXL	12	42 - 43	34 - 35	48 - 50

Size	US	Foot Length
36	5	22.8
26.5	5.5	23.1
37	6	23.5
37.5	6.	23.5
38	7	24.1
38.5	7.5	24.5

Size	US	Foot Length
36	5	22.8
39	8	24.1
40	9	25.4
40.5	9.5	25.7
41	10	26.0

Dropdowns

Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin. Dropdown menus are toggled on hover in navigation panels.
Bootstrap documentation

Cards

You can use the .card and .list-styled components inside dropdowns to achieve a different look of your dropdown menus.


                  <div class="dropdown">

  <!-- Toggle -->
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButtonTwo" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown card
  </button>

  <!-- Menu -->
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButtonTwo">
    <div class="card">
      <div class="card-body">
        <ul class="list-styled mb-0">
          <li class="list-styled-item">
            <a class="list-styled-link" href="#!">Action</a>
          </li>
          <li class="list-styled-item">
            <a class="list-styled-link" href="#!">Another action</a>
          </li>
          <li class="list-styled-item">
            <a class="list-styled-link" href="#!">Something else here</a>
          </li>
        </ul>
      </div>
    </div>
  </div>

</div>