Web form appliction :     In my web form white space on the right side how to remove it or resize the panel 
    
    I have tried padding and margin also width for panel and container but not working  
    
    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    
      <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
      <style>
      .container {
        margin-top: 50px; 
      }
    
      
      </style>
      
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript" ></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" type="text/javascript" ></script>
      
      
    </head>
    <body>
    
    <div class="container"  >
      <div class="panel panel-primary" >
        <div class="panel-heading" >
          <h3 class="panel-title ">Personal Infomation</h3>
        </div>
        <div class="panel-body " >
          <br>
          <div id="p_info">
            <div class="row">
              <div class="col-md-6">
                <label class="control-label">First Name</label>
                <input class="form-control" id="first_name" >
              </div>
            </div>
            <div class="row" >
              <div class="col-md-6">
                <label class="control-label">Last Name</label>
                <input class="form-control" id="last_name" >
              </div>
            </div>
            <div class="row">
              <div class="col-md-6">
                <label class="control-label">Gender</label>
                <select class="form-control field" id="sel1" >
                  <option disabled selected value> -- select an option -- </option>
                  <option>Male</option>
                  <option>Female</option>
                </select>
              </div> 
            </div>
            <div class="row">
               <div class="col-md-6">
                <label class="control-label">Date of Birth</label>
                <input type="date" name="bdaytime" class="form-control" id="DOB"   >
               </div>
            </div>
            <div class="row">
               <div class="col-md-6">
                <label class="control-label">Place of Birth</label>
                <input class="form-control" id="Place" >
               </div>
            </div>
           </div>
        </div>
      </div>
    </div>  
    </body>
    </html>

I want to remove white space on this web from. why would this shows like that
let me know.I want to remove white space on this web from. why would this shows like that
let me know.I want to remove white space on this web from. why would this shows like that
let me know.
[I want to remove marked part][1]


  [1]: https://i.stack.imgur.com/6F7QT.png
