JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/amelia/bootstrap.min.css">
<div class="container" >
 <div class="row" style="background-image:url('http://lorempixel.com/800/800/');">
   <div class="col-xs-10 col-xs-offset-1" style="background: gray;">

    <form>
        <h2><span>&nbsp;1.&nbsp;</span> Prijavi Tim
        </h2>
        <div class="form-group">
            <label for="nTim">Naziv tima</label>
            <input type="text" class="form-control" id="nTim" placeholder="Naziv tima">
        </div>
        <div class="form-group">
            <label for="nTim2">Tim</label>
            <input type="text" class="form-control" id="nTim2" placeholder="tim">
        </div>
        <button type="submit" class="btn btn-primary">Login</button>
    </form>
</div>
</div>    
</div>

CSS

span {
    border: 5px solid #fff;
    padding: 10px;
    border-radius: 50%;
    background: black;
    color: white;
    margin-left:-44px
}