Structure position html

Question

Structure position html

39 views Asked by Tom Edlp At 02 April 2018 at 23:16

my english is so bad. Bear with me.

I cant move de position of a button submit. All styles have no effect.

This is the code (html, bootstrap 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>

I cant move the button Buscar.

Original Q&A

There are 1 answers

**Nerdi.org** · Answer 1 · 2018-04-03T00:06:30+00:00

Please tell us more information, but you can also attempt to try this when using inline styling: !important;

Example..

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

This should work with Bootstrap, if you have it installed properly. You could also attempt to put a float:left/right on the button itself and see what happens.

TechQA.

Structure position html

There are 1 answers

Related Questions in HTML

Related Questions in GWTBOOTSTRAP3

Popular Questions

Popular Tags

Trending Questions