How Do I Make A Horizontal Form Ui In Bootstrap

See more:

CSS

HTML

bootstrap

Hello ,

i am trying to achieve a UI something like below image. Here i have to create horizontal controls UI. But i am not able to figure it out how. I have tried some code but its showing in vertically.

<div>
                        <div class="form-group">
                            <input type="text" class="form-control" name="username" placeholder="Username">
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" name="password" placeholder="Password">
                        </div>
                        <button type="submit" class="btn btn-default">Sign In</button>
                    </div>

How can i achieve the UI.

UI Image : https://drive.google.com/file/d/0By5-KA9afAe0X0JTTlk3c2x1VkE/view?usp=sharing[^]