JSFiddle - React, Tailwind, and code Playground

by matt9388

HTML

<div class="container">
    <div class="row">
        <div class="span12">
            <h3>Google App Analytics</h3>
               <ul class="nav nav-tabs">
                  <li><a href="#home" data-toggle="tab">Monthly Analysis</a></li>
                  <li><a href="#profile" data-toggle="tab">Compare Months</a></li>
                    </ul>
                    <li id='dd1' class="dropdown">
                       <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Choose Month <b class="caret"></b>
                            </a>
                 <ul id='dd2' class="dropdown-menu">
                 </ul>
             </li>
        </div>
    </div>
</div>

CSS

#dd1{
       margin-left:auto;
   margin-right:auto;
   width:70%;
}

JavaScript

var d=new Date();

var month=new Array();
month[0] = [d.getMonth()];
month[1] = [d.getMonth()+1];
month[2] = [d.getMonth()+2];
month[3] = [d.getMonth()+3];


for(i=0; i<month.length; i++)
   $("#dd2").append("<li><a href=''>"+month[i]+"</a></li>");