レスポンシブサイトの表示順の変更について

2015年7月25日 at 23:12

以下のような環境でテーマ「Bootswatch」を使ってレスポンシブなサイトを作成中です。
そこで質問ですが、左側にサイドバーのあるページタイプを使った場合、スマホでサイトを見ると①ヘッダー部分、②サイドバー部分、③メイン部分、④フッター部分の順に表示されますが、これを①ヘッダー部分、②メイン部分、③サイドバー部分、④フッター部分のようにメインの下にサイドバーの部分を表示するように変更は可能でしょうか?
サイトはこちらになります。http://mochimo.sakura.ne.jp/co_kaguya/


# concrete5 Version
5.6.3.3

# concrete5 Packages
Bootswatch (0.9.1), Schoolbus - Theme (1.0.5).

# concrete5 Overrides
languages/ja_JP, themes/theme_bootswatch

# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off

# Server Software
Apache/2.2.29

# Server API
cgi-fcgi

# PHP Version
5.4.42

# PHP Extensions
cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, fileinfo, filter, gd, gettext, gmp, hash, iconv, json, libxml, mbstring, mcrypt, mysql, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, Reflection, session, SimpleXML, soap, SPL, sqlite3, standard, tokenizer, xml, xmlreader, xmlwriter, xsl, zip, zlib.

# PHP Settings
max_execution_time - 600
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - -1
max_input_vars - 1000
memory_limit - 128M
post_max_size - 8M
sql.safe_mode - Off
upload_max_filesize - 2M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - nocache
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

タグ:

Re: レスポンシブサイトの表示順の変更について

2015年7月25日 at 23:30
Bootswatch がベースにしている Bootstrap 2.3 では、カラムの順序の変更に対応していないようです。Bootstrap 3 以降をベースにしているテーマでは可能だと思います。
http://getbootstrap.com/css/#grid-column-ordering
 

Re: レスポンシブサイトの表示順の変更について

2015年7月26日 at 5:27
早速の回答ありがとうございました。
bootstrap2.3ではやっぱり駄目なんですね。試しにサイドバーを右側に変更するとメインの下に出ましたので、とりあえずこの方法で対応します。