html - 如何右对齐水平表格

标签 html css twitter-bootstrap

嗨,有人可以帮我把这个表格放在右边吗,我试一试(愚蠢的但为什么不尝试)并设置表格水平边距-左:一些像素;它确实移动了表单,但它调整了输入的大小。我想将它对齐到特定位置。

<div class="container">
        <form class="form-horizontal">
            <div class="form-group">
                <label for="inputIme" class="col-sm-2 control-label">Ime</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="inputEmail3" placeholder="Ime">
                </div>
            </div>
            <div class="form-group">
                <label for="inputEmail" class="col-sm-2 control-label">E-mail</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="inputPassword3" placeholder="E-mail">
                </div>
            </div>
            <div class="form-group">
                <label for="inputTelefon" class="col-sm-2 control-label">Telefon</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="inputPassword3" placeholder="Broj Telefona">
                </div>
            </div>
            <div class="form-group">
                <label for="inputAdresa" class="col-sm-2 control-label">Adresa</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="inputPassword3" placeholder="Vasa Adresa">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-default">Posalji zahtev</button>
                </div>
            </div>
        </form>

    </div>

最佳答案

 <div class="col-sm-6 offset-sm-6">
            <form class="form-horizontal">
                <div class="form-group">
                    <label for="inputIme" class="col-sm-2 control-label">Ime</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="inputEmail3" placeholder="Ime">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputEmail" class="col-sm-2 control-label">E-mail</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="inputPassword3" placeholder="E-mail">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputTelefon" class="col-sm-2 control-label">Telefon</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="inputPassword3" placeholder="Broj Telefona">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputAdresa" class="col-sm-2 control-label">Adresa</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="inputPassword3" placeholder="Vasa Adresa">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-default">Posalji zahtev</button>
                    </div>
                </div>
            </form>

        </div>

although your question is not clear to but I guess you need to shift your form at right side so you can use above code

关于html - 如何右对齐水平表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59605461/

相关文章:

html - Pug 中的多行变量(前 Jade)

html - 控制包装内联 block 或 float div 的垂直对齐

jquery - 我已经使用 jquery 创建了单选按钮,现在我想使用 css 设置它们的样式

twitter-bootstrap - 更改 Twitter Bootstrap 模式中的背景颜色?

javascript - HTML5 文件 API : FileReader. readAsText() 返回 "undefined"

html - 在 Bootstrap 网格中没有获得任何 margin

javascript - RN : Navigationbar - How to change title from Rightbutton

php - 部分 CSS 未加载 HTML 的问题

css - Bootstrap 专栏中的响应式 Canvas ?

jquery - 通过按键选择下拉列表中的选项