如何在大屏幕上將窗體向右推，並將其放在小屏幕上的中間

Question

我希望我的搜索欄位於大屏幕上的屏幕右側，而它應位於小屏幕的中央

的形式是引導4的形式， 這是導航欄的代碼：爲小屏幕

<nav class="navbar navbar-expand-sm navbar-dark navbar-inverse bg-dark justify-content-between fixed-top"> 
     <a class="navbar-brand d-none d-sm-block text-white">Daking</a> 
     <form class="form-inline my-2 my-lg-0 "> 
      <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">  
     </form> 
    </nav> 

我用媒體查詢：

@media only screen and (min-width : 480px) { 
    form { 
    width: 100% ; 
    position: relative; 
} 
} 

但在大屏幕上（桌面），它將其定位爲接近品牌名稱（烘焙）

Answer 1

@media only screen and (min-width : 480px) { 
    form { 
     width: auto; 
    position: relative; 
    float: right; 

    } 
}