html - Bootstrap form margin not correct at smaller screens -


i have form in middle: enter image description here

i managed put form under logo, in middle, when added style attribute:

 <form class="form-horizontal" style="margin-left: 170px;"> 

but when entered , saw screen on mobile (iphone 6 plus - developer mode), form off, way right):

enter image description here

how put style margin big screens ? mobile , other smaller devices should not picture 2.

first need remove inline style html code , add class "mr170"

<form class="form-horizontal mr170"> 

"form-horizontal" bootstrap call don't apply css/style on it. it's effect on project.

add blow code in css:

@media (min-width: 768px) {    .mr170 {       margin-left: 170px;    } } 

note: mr170 random class name whatever name think use in html , css.


Comments

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -