bootstrap　左サイドバーを右に

表題の通りですが、bootstrapの左サイドバーを右側にもっていきたいのですが
どこをどんな風にすれば実現できますでしょうか？

行動規範の内容に同意します

回答1件

lang
1<div class="sidebar-nav-fixed pull-right affix">

ではいかがでしょうか？

投稿2015/01/24 22:58

noppefoxwolf

総合スコア231

Qoo

2015/01/25 15:12

今、左のサイドバーが下記のような感じなのですが、 divのところをご呈示頂いた内容に変えてみたのですが、変化がなかったです。指定する場所が違うのでしょうか。。 <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav side-nav"> 　　・　　・

noppefoxwolf

2015/01/25 18:22

<div class="collapse navbar-collapse navbar-ex1-collapse pull-right"> と、collapseに指定します。これで変化が無い場合は他の要素(css等)によって位置が抑制されている可能性があります。シンプルに記述して位置が変わるか一度ご確認ください。手元では以下のhtmlで右側にsidebarを置くことが出来ました。 https://gist.github.com/noppefoxwolf/c2c5631b50311956f9f9

Qoo

2015/01/25 22:47

collapseに指定してみましたが、うまくいきませんでした。現状では下記のような感じで利用しております。もし宜しければ見て頂けると幸いです。 <body> <div id="wrapper"> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <ul class="nav navbar-right top-nav"> <li class="dropdown"> <a href="https://mail.google.com/mail/ca" class="fa fa-envelope"></a> </li> </ul> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav side-nav"> <li runat="server" id="site_tenpo"> <a href="javascript:;" data-toggle="collapse" data-target="#tenp"><i class="fa fa-fw fa-arrows-v"></i>メニュー<i class="fa fa-fw fa-caret-down"></i></a> <ul id="tenp" class="collapse"> <li> <a href="*">メニュー</a> </li> </ul> </li> </ul> </div> </nav> <div id="contents_eria"> <div id="page-wrapper"> <div class="row"> </div> </div> </div> </div> </body>

noppefoxwolf

2015/01/25 23:21

添付頂いたコードでサイドバーを確認出来なかったのですが、サイドバーの認識として http://i.stack.imgur.com/O4f2c.png のように画面端に表示される項目という事で間違いないでしょうか？ bootstrapのバージョン等も知りたいです。

Qoo

2015/01/26 09:12

リンクにあるようなサイドバーという認識で間違いありません。 Bootstrapは v3.2.0を使っております。宜しくお願い致します

noppefoxwolf

2015/01/27 05:28

サイドバーが見当たらないのですが、ドロップダウンメニューの中にある部分を右へ寄せるということでしょうか？

noppefoxwolf

2015/01/27 05:31

http://htmlpreview.github.io/?https://gist.githubusercontent.com/noppefoxwolf/f3e8066b86916043a342/raw/7ab27261db72f135584b3e6d1834fa61eeb1b563/index.html の見え方で間違いないでしょうか？