I'm trying to reduce the gap between the form-group's checkbox and textbox. I have already tried the "text-right" but still not able to shrink the gap very close so that it becomes next to each other.

[![enter image description here](https://i.stack.imgur.com/6VaA0.png)](https://i.stack.imgur.com/6VaA0.png)

```
<form class="form-horizontal" role="form">

    <div class="form-group">
        <div class="col-xs-offset-2 col-xs-2 text-right">
            <div class="checkbox">
                <label><input type="checkbox"> Click to Check</label>
            </div>
        </div>
        <div class="col-xs-2">
            <input type="text" class="form-control" placeholder="Enter text">
        </div>
    </div>

<form>

```