PrimeNG：リストボックスとパネルを並べて並べる

Question

私はAngular 2アプリに統合されたPrimeNG Beta 17を使用します。 私のテンプレートでは、パネルの隣にリストボックスを配置したいのに対し、リストボックスはパネルの左側に配置します。

<p-listbox [options]="modelTypes" [(ngModel)]="selectedModelType" 
      [style]="{'width':'150px','max-height':'150px'}"></p-listbox> 
<p-panel header="Model description" [toggleable]="true" [collapsed]="true" > 
      Lorem ipsum dolor sit 
</p-panel> 

どのようにすればよいでしょうか？ 私はCSSの "浮動小数点数"テクニックを知っていますが、レイアウトを容易にするためにPrimeNGにビルトインサポートがあるのだろうかと思います。

Answer 1

これを実現するには、グリッドを使用してみてください。 は、だから、ちょうどこのような何かをする必要があります。

<div class="ui-g-12 ui-g-nopad"> 
      <div class="ui-g-6 ui-g-nopad"> 
       Content1 
      </div> 
      <div class="ui-g-6 ui-g-nopad"> 
       Content2 
      </div> 
     </div> 

http://www.primefaces.org/primeng/#/grid