-1

我的英语太差了。忍受我。

我无法移动按钮提交的位置。所有样式都没有效果。

这是代码(html,引导程序 3):

<body>
    <div class="row">
        <div class="col-sm-12"> 
            <!-- LOGO -->
            <div class="col-sm-3">
                <img src="../web/assets/img/logo-biblioteca.png" alt="Biblioteca Virtual">
            </div>

            <!-- BUSCADOR -->
            <div class="col-sm-8">
                <div class="well" >
                    <form class="form-group" action="">
                        <div class="col-sm-1" style="margin-top: 0.5%">
                            <label for="titulo"><b> Título </b></label>
                        </div>
                        <div class="col-sm-11">
                            <input class="form-control" type="text" placeholder="Ingrese un titulo" name="titulo" required>
                        </div>

                        <div class="col-sm-1" style="margin-top: 2.5%">
                            <label for="autor"><b> Autor </b></label>
                        </div>
                        <div class="col-sm-11" style="margin-top: 2%">
                            <input class="form-control" type="text" placeholder="Ingrese un autor" name="autor" required>
                        </div>

                        <div class="text-right row">
                            <button class="btn btn-info btn-md" type="submit">Buscar</button>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>  
</body>

我不能移动按钮 Buscar。

4

1 回答 1

0

请告诉我们更多信息,但您也可以在使用内联样式时尝试此操作:!important;

例子..

<div id="placement" class="text-left"> <!-- text-center, text-right works too. -->
<button here>button</button>
</div>

如果您正确安装了 Bootstrap,这应该可以使用。您还可以尝试在按钮本身上放置一个 float:left/right 并查看会发生什么。

于 2018-04-03T00:06:30.370 回答