OktoStrap

OktoStrap

<div class="row justify-content-md-center">
    <form class="col-md-12">
        <div class="form-group">
            <label class="required" for="inputText">Input text</label>
            <input type="text" name="inputText" placeholder="Insira seu usuário" class="form-control">
        </div>

        <div class="form-group">
            <label class="required" for="inputPassword">Input password</label>
            <input type="password" name="inputPassword" placeholder="Insira sua senha" class="form-control">
        </div>

        <div class="form-group">
            <label class="required" for="inputDisabled">Input disabled</label>
            <input type="text" name="inputDisabled" placeholder="Insira sua senha" disabled class="form-control">
        </div>

        <div class="form-group">
            <label class="required" for="inputDisabled">Select</label>
            <select name="inputDisabled" class="form-control">
                <option value="1">Opção 1</option>
                <option value="2">Opção 2</option>
                <option value="3">Opção 3</option>
            </select>
        </div>

        <div class="form-group">
            <label class="required">Radio inline</label>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
                <label class="form-check-label" for="inlineRadio1">Opção 1</label>
            </div>
        
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
                <label class="form-check-label" for="inlineRadio2">Opção2</label>
            </div>
        
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3" disabled>
                <label class="form-check-label" for="inlineRadio3">Opção 3 (disabled)</label>
            </div>
        </div>

        <div class="form-group">
            <label class="required">Check inline</label>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
                <label class="form-check-label" for="inlineCheckbox1">Opção 1</label>
            </div>
        
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
                <label class="form-check-label" for="inlineCheckbox2">Opção2</label>
            </div>
        
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3" disabled>
                <label class="form-check-label" for="inlineCheckbox3">Opção 3 (disabled)</label>
            </div>
        </div>

        <div class="form-group">
            <label class="required">Mensagem</label>
            <textarea placeholder="Insira uma mensagem" class="form-control"></textarea>
        </div>
    </form>
</div>