John Davidson

I want to align two input classes next to each other with some space in between them like the following image.

However, my current output is like this:

The html code is

    <div class="form-group">

        <div class="row">

            <label  for="form-workphoneNumber" class="col-sm-4 col-xs-4 control-label">input</label>

            <div id="box" class="col-sm-8 col-xs-8">

                <input type="text" class="form-control" name="workphoneNumber" placeholder="enter">

                <input type="button" class="btn btn-success" value="add" onclick="add_textbox()">

            </div>

        </div>

    </div>