Bootstrap: Make wells skinny

[Axed123]

Please see this fiddle.This is my markup:\[code\]<div class="well"> <center> <div class="row"> <div id="login"> <h2>DeepFlow login</h2> <div class="clearfix"> <input type="text" placeholder="Username" id="username"> </div> <div class="clearfix"> <input type="password" placeholder="Password" id="password"> </div> <button class="btn btn-primary" type="submit" id="sign-in">Sign in</button> </div> </div> </center></div>\[/code\]The problem is that, despite the CSS rules\[code\]#login { width: 300px; margin: 0;}\[/code\]the well "stretches", intead of being fixed at witdh 300px. How can I have the well at a fixed width?