カスタマイズ方法bootstrap=データテーブル検索ボックスとレコードビューの位置

Question

bootstrapスタイリングでデータテーブルを作成したときに問題が発生しました。このサイトからデータテーブルを取得しました（ http://datatables.net/manual/styling/bootstrap ）

私が作成したビューに従って、私は以下を見つけました。表の上にnavbarを作成します。そのため、検索ボックスを作成し、navbar-rightに入力したレコードを表示します。これが私が欲しいものだからです。

前： 

私はこうなりたい

これをカスタマイズするには？変更が必要なJavaScriptコード、またはjqueryを使用した十分なカスタマイズ

Answer 1

http://datatables.net/examples/basic_init/dom.html

注意深く読んでから、コメントの残りの部分を読んでください。例です。

あなたが書くことを理解するとき

     $('#example').dataTable({


      "dom":' <"search"f><"top"l>rt<"bottom"ip><"clear">'
    }


      );
});

これにより、検索ボックスに「search」という名前のクラスが作成され、他のすべてはそのままになります。投稿した写真を好きなようにしたい場合は、cssを使用して検索ボックスの位置を簡単に編集できます

"dom":' <"search"fl><"top">rt<"bottom"ip><"clear">'

Answer 2

「sDom」： '<"dropdown" l>'

およびcss：

.dropdown {float：right;}