Question

对不起家伙我是代码新手所以这样的事情看起来像是一个愚蠢的问题，但这是我第一次无法在网上找到任何答案。

基本上就像标题所说的那样，拉右派没有向前拉，而是正在降低其他按钮。看看我的codepen测试文件https://codepen.io/goceman86/pen/xdeoQv

继承人的html代码...到目前为止，我只尝试了最后一个按钮上的拉右功能

<header>
  <!-- Latest compiled and minified CSS -->
  <link rel="stylesheet" 
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" 
integrity="sha384-
BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" 
crossorigin="anonymous">
  <link rel="stylesheet" type="text/css" 
href="http://fonts.googleapis.com/css?family=Lobster" />
</header>

<div class="container-fluid">

  <button class="btn-primary mebtn"><a href="#" class="btnfont" style="font-family:'Lobster'; font-size:1.8em;">InHo Jo</a></button>

  <button class="btn-primary ambtn"><a href="#" class="btnfont" style="font-family:'Lobster'; font-size:1.8em;">About me</a></button>


  <button class="btn-primary profbtn"><a href="#" class="btnfont" style="font-family:'Lobster'; font-size:1.8em;">Profile</a></button>



  <button class="btn-primary cmbtn"><a href="#" class="btnfont pull-right" style="font-family:'Lobster'; font-size:1.8em">Contact Me</a></button>
</div>

Answer 1

您可以从最后一个按钮的链接中删除.pull-right { float: none !important; }，此处不需要它。但是如果你想要javasript / jquery的float: right;类名，你可以添加这个样式：

<button class="btn-primary cmbtn" style="float: right;"><a href="#" class="btnfont pull-right" style="font-family:'Lobster'; font-size:1.8em">Contact Me</a></button>

但是，如果您希望最后一个按钮（不是它的内部链接）位于页面右侧，请将.state('parent',{ abstract: true, url: '/parent', templateUrl: 'mytemplate.html' controller: 'mycontroller' }) .state('parent.child',{ url: '/child', templateUrl: 'mytemplate2.html', controller: 'mycontroller' })添加到该按钮。

.controller('mycontroller', ['$scope', function($scope){
 $scope.x = 'user';
 $scope.check = function(){
   alert($scope.x);
 }
 $scope.checkFromParent = function(){
  alert($scope.x);
 }
}]

右拉类没有向右拉，而是放下其他按钮

1 个答案: