大画面でフォームを右に押して、小さな画面で真ん中に置くにはどうすればいいですか？

Question

大きな画面では検索バーを画面の右側に、小さな画面では中央に表示したい小画面用

<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> 

Iを用いメディアクエリー：

形態は これは、ナビゲーションバーのコードであり、ブートストラップ4形態である

@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; 

    } 
}