私のアプリをビルドするためにIonicを使用しています。私はポップアップし、HEADER TITLEを持っていて、TITLEの右側に2つのボタンを持っているようにしようとしています。私はこれをしようとすると、常にボタンの1つを左に置きます。 here利用可能タイトルと右手に2つのボタンが付いたイオンヘッダー
<h1 class="title">Title!</h1>
<div class="buttons">
<button class="button">Right Button</button>
</div>
<div class="buttons">
<button side="right" class="button">Left Button</button>
</div>
</ion-header-bar>
全コード：ここで私は、メインのコードスニペットです。
buttonsクラスを選択したので、たまたま
：これらのスタイルのみがクラスbuttonsの要素に適用されることを
.bar .title + .buttons { ... }
を意味し、それは直接クラスtitleを持つ要素を次のようです！ more information about the plus selector on MDNを参照してください。
ただ、この動作を回避するためにdivラッパーで一緒に2つのボタンが置か：
<div class="buttons">
<button class="button">Right Button</button>
<button class="button">Left Button</button>
</div>
<html ng-app="ionicApp">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>Ionic Template</title>
<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.js"></script>
</head>
<body>
<ion-modal-view>
<ion-header-bar class="bar bar-header bar-positive">
<h1 class="title">Title!</h1>
<div class="buttons">
<button class="button">Right Button</button>
<button class="button">Left Button</button>
</div>
</ion-header-bar>
</ion-modal-view>
</body>
</html>ありがとうございました、なぜ私のコードの2番目のdivが左に置かれているのだろうと思っていますe HTML？それは起こるので、イオニックは、CSSで何かをしましたか？ –
バックグラウンドで私の答えを更新しました... – andreas
@Darth_Vaderあなたはそれが明確にそれをdownvotedされなければならないわけdosent理解傾けるだけで原因他の人に意味を作ったし、正しい答えを得た理由です –