0
私はcssで始まります。私は右の列に2つのアイコンを整列する は、リスト・グループ内で、私はまた、プッシュアウトこのResult expectedリストグループブロックのインライン表示要素
.wineItemLine {
\t display:block;
}
.list-button {
\t float :right;
\t display:inline;
}
.wineAttributes {
\t display:inline;
}
.list-group {
\t max-width: 300px;
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
\t <body>
<div class="list-group" ng-controller="listController">
\t \t \t <div ng-repeat="vin in wines | orderBy:sortType:sortReverse | filter:searchWine" class="list-group-item">
\t \t \t \t <div class=wineAttributes>
\t \t \t \t \t <span class="wineItemLine">
\t \t \t \t \t \t Un bon vin
\t \t \t \t \t </span>
\t \t \t \t \t <span class="wineItemLine">
\t \t \t \t \t \t Chateau breton
\t \t \t \t \t </span>
\t \t \t \t \t <div class="wineItemLine">
\t \t \t \t \t \t <span style="padding-right:10px;">
\t \t \t \t \t \t \t Bordeaux
\t \t \t \t \t \t </span>
\t \t \t \t \t \t <span>
\t \t \t \t \t \t \t Rouge
\t \t \t \t \t \t </span>
\t \t \t \t \t </div>
\t \t \t \t \t <div class="wineItemLine">
\t \t \t \t \t \t <span style="padding-right:10px;">
\t \t \t \t \t \t \t 2003
\t \t \t \t \t \t </span>
\t \t \t \t \t \t <span>
\t \t \t \t \t \t \t 3
\t \t \t \t \t \t </span>
\t \t \t \t \t </div>
\t \t \t \t </div>
\t \t \t \t <div class=list-button>
\t \t \t \t \t <button class="btn">
\t \t \t \t \t \t <span class="glyphicon glyphicon-pencil" ></span>
\t \t \t \t \t </button>
\t \t \t \t \t <button class="btn">
\t \t \t \t \t \t <span class="glyphicon glyphicon-remove" ></span>
\t \t \t \t \t </button>
\t \t \t \t </div>
\t \t \t </div>
\t \t </div>
</body>は私のjsfiddle
ようこそStackOverflow。質問のスニペットの指示にあなたのコードを入力してください - 将来リンクが壊れる可能性があります。 – andreas