如何推动导航栏的按钮的页面

Question

enter image description here

我想在导航栏移动bottons到页面的右边缘的右边缘。所以我使用了“navbar-right”这个类，但按钮保持在中心位置。我能做什么？
这是我写的。

<nav class="navbar navbar-fixed-top navbar-inverse"> 
    <div class="container-flulid"> 
    <div class="navbar-header navbar-left "> 
     <a style="font-family:Serif;font-size:50px" class="navbar-brand" href="#">KHS</a> 
    </div> 
    <div id="barbuttons" class="navbar-right navbar-btn" > 
<button style="width:150px;" type="button" class="btn btn-primary ">Home</button> 
<button style="width:150px" type="button" class="btn btn-primary " >Portofolio</button> 
<button style="width:150px" type="button" class="btn btn-primary ">Contact</button> 
    </div> 
</div> 
</nav> 

Answer 1

navbar-right应该这样做。
您最好使用浏览器开发工具进行调查。

对于铬，打F12和选择元素然后使用选择元素工具（左上方按钮），检查元件的样式。
更多信息：Inspect and Edit Pages and Styles

资源管理器是类似的;点击F12并选择DOM Explorer然后使用选择元素工具（左上角按钮），检查元素样式。
更多信息：Diagnose and fix layout problems

其他浏览器有类似的功能。