ワードプレスナビゲーション：ロゴ右、ナビゲーション左

Question

私はこのwebsiteをWordpressでビルドし、テンプレートはブートストラップに基づいています。このテンプレートにはナビゲーションがあり、必要なものはブランド（ロゴ）とナビゲーションを「逆転」することです。基本的に私は右ロゴとナビゲーションを左に浮かべる必要があります。

私はCSSで試しましたが、うまくいきません。

ヒント？アドバイスで

おかげ

EDIT：ナビゲーションコード

<div class="navigation" role="banner"> 
<div class="secondary-navigation"> 
<div class="container"> 
<div class="contact"> 
</div> 
<div class="user-area"> 
<div class="actions"> 
</div> 

</div> 


</div> 
</div> 

<div class="container"> 
<header class="navbar" id="top"> 
<div class="navbar-header"> 
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> 
<span class="sr-only">Toggle navigation</span> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
</button> 
<a class="navbar-brand nav" href="http://w-liestal.nowcommu.myhostpoint.ch/" title="Un nuovo sito targato WordPress" rel="home"><h1 class="site-title">W-Liestal</h1><h2 class="site-description">Un nuovo sito targato WordPress</h2></a> 
</div> 
<nav class="primary-navigation collapse navbar-collapse bs-navbar-collapse navbar-right" role="navigation" aria-label="Primary Navigation"> 
<ul id="menu-menu-1" class="nav navbar-nav"><li id="menu-item-55" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item"><a href="http://w-liestal.nowcommu.myhostpoint.ch/">Home</a></li> 
<li id="menu-item-59" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://#">Architektur</a></li> 
<li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://#">Ausstattung</a></li> 
<li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://w-liestal.nowcommu.myhostpoint.ch/wohnen/">Wohnen</a></li> 
<li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://w-liestal.nowcommu.myhostpoint.ch/lage/">Lage</a></li> 
<li id="menu-item-56" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://w-liestal.nowcommu.myhostpoint.ch/kontakt/">Kontakt</a></li> 
</ul>  
</nav> 
</header><!-- /.navbar --> 
</div><!-- /.container --> 
</div><!-- /.navigation --> 
<!-- end Navigation --> 

Answer 1

ケース1：

これはあなたが何ができるかです：

1 - でCSSのコードを入れて別のファイル（mystyle.css）を作成してテーマディレクトリに保存します。

2 - あなたの関数PHPに次のコードを置く：

function wpdocs_theme_name_scripts() { 
    wp_enqueue_style('style-name', get_stylesheet_uri()); 
    wp_enqueue_script('script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true); 
} 
add_action('wp_enqueue_scripts', 'wpdocs_theme_name_scripts'); 

ケース2： あなたのCSSバージョンの問題を、

は、プラグインwpquerystringmodifier増加のバージョンをインストールします。 （簡単な方法）

他の賢い、functions.phpファイルと検索スタイルを見つける。

wp_enqueue_style('style-name', get_stylesheet_uri(),null,1.1.1,true);