ASP.NET Dropdown for Months (Filled)

               <asp:DropDownList ID="ddlmonth" runat="server" CssClass="form-control">
                                    <asp:ListItem Text="January" Value="1"></asp:ListItem>
                                    <asp:ListItem Text="February" Value="2"></asp:ListItem>
                                    <asp:ListItem Text="March" Value="3"></asp:ListItem>
                                    <asp:ListItem Text="April" Value="4"></asp:ListItem>
                                    <asp:ListItem Text="May" Value="5"></asp:ListItem>
                                    <asp:ListItem Text="June" Value="6"></asp:ListItem>
                                    <asp:ListItem Text="July" Value="7"></asp:ListItem>
                                    <asp:ListItem Text="August" Value="8"></asp:ListItem>
                                    <asp:ListItem Text="September" Value="9"></asp:ListItem>
                                    <asp:ListItem Text="October" Value="10"></asp:ListItem>
                                    <asp:ListItem Text="November" Value="11"></asp:ListItem>
                                    <asp:ListItem Text="December" Value="12"></asp:ListItem>
               </asp:DropDownList>

How to make Tab using Bootstrap?

making tab in bootstrap is very simple, it just take a minute to understand this simple code...

<!--Start  tabs -->

<div>

  <ul class="nav nav-tabs" role="tablist">

    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>

    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>

    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>

    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>

  </ul>

  <!-- Tab panes -->

  <div class="tab-content">

    <div role="tabpanel" class="tab-pane active" id="home">hello babby</div>

    <div role="tabpanel" class="tab-pane" id="profile">...</div>

    <div role="tabpanel" class="tab-pane" id="messages">...</div>

    <div role="tabpanel" class="tab-pane" id="settings">...</div>

  </div>

</div>

<!--End  tabs -->

<script>

$('#myTabs a').click(function (e) {

  e.preventDefault()

  $(this).tab('show')

})

</script>

How to make Popup or Modal using Bootstrap?

try this very simple code to make a popup :

<!-- Start Button trigger modal -->

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">

  Launch demo modal

</button>

<!-- Modal -->

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

  <div class="modal-dialog" role="document">

    <div class="modal-content">

      <div class="modal-header">

        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

        <h4 class="modal-title" id="myModalLabel">Modal title</h4>

      </div>

      <div class="modal-body">

        ...your text or form here…

      </div>

      <div class="modal-footer">

        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

        <button type="button" class="btn btn-primary">Save changes</button>

      </div>

    </div>

  </div>

</div>

<!-- End Button trigger modal -->

<script>

$('#myModal').on('shown.bs.modal', function () {

  $('#myInput').focus()

})

</script>

How to make ToolTip using Bootstrap?

The code to create tooltip by using bootstrap is as follows :

<!-- Start ToolTip -->

<div class="container">

  <h3>Tooltip Example</h3>

  <p>Tooltips are not CSS-only plugins, and must therefore be initialized with jQuery: select the specified element and call the tooltip() method.</p>

  <a href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">Hover over me</a>

</div>

<!-- End ToolTip -->

<script>

$(function () {

  $('[data-toggle="tooltip"]').tooltip()

})

</script>