Thank you!

Sorry I’m very new to this bootstrap way of coding, how would I have the menu be minimized when the page loads?

Also I think in Firefox, when the menu is minimized, the text of the menu labels are not showing

Just need add .nav-xs on the #nav

check the mail.html

Thanks

Thanks, worked perfectly! 1 more question sorry, what would I have to change so that only the 1 selected radio button is in it’s colour and the others are btn-default grey, and once they are selected, it changes to it’s colour, ie blue/green. Many thanks in advance

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-sm btn-info active">
    <input type="radio" name="options" id="option1"><i class="fa fa-check text-active" /> Male
  </label>
  <label class="btn btn-sm btn-success">
    <input type="radio" name="options" id="option2"><i class="fa fa-check text-active" /> Female
  </label>
  <label class="btn btn-sm btn-primary">
    <input type="radio" name="options" id="option3"><i class="fa fa-check text-active" /> N/A
  </label>
</div>

you can use the btn-default class for the default grey btn. then use a custom class .btn-group .active{ background-color:#ff6600; color:#fff } for the selected btn.

Can you please help me with 1 more thing, it’s probably something small, but my graph is not showing in IE8, but shows in IE9 and up and all other browsers:

your array data format is not right. remove the last ’,’

var data5 = [
            { label: "Quantity",  data: [[8,8]]},
            { label: "Quality",  data: [[8,8]]},
            { label: "Waste Water",  data: [[4,4]]},
            { label: "Regulation",  data: [[4,4]]},
            { label: "Reputation",  data: [[3,3]]},
          ];  

You sir… are amazing! Thanks so much

Sorry, I have another simple question, how would I add a link (http://www.google.com) to the click of a ‘split button’ (Action) below

<div class="btn-group">
  <button class="btn btn-default">Action</button>
  <button class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret" /></button>
    <ul class="dropdown-menu">
      <li><a href="#">Action</a></li>
      <li><a href="#">Another action</a></li>
    </ul>
</div>

Thanks in advance