GWTBootstrap3相當於android的「匹配父項」

有沒有什麼方法可以修復Panel的大小以佔用其列中的完整空間而不是包裹內容？GWTBootstrap3相當於android的「匹配父項」

我的父列中並排放置了2個面板 - 一個用於堆疊Navpils菜單（具有可變數量的項目），另一個用於顯示基於菜單選項的數據。我需要數據面板來匹配菜單面板的高度。

這裏是代碼的相關章節：

<b:Column size="MD_3">       
    <b:Panel> 
     <b:PanelHeader> 
      <b:Heading size="H3" text="Services" /> 
     </b:PanelHeader> 
     <b:PanelBody> 
      <b:NavPills stacked="true"> 
       <b:AnchorListItem text="ClockService" ui:field="clockService" />       
       <b:AnchorListItem text="CloudService" ui:field="cloudService" /> 
       <b:AnchorListItem text="CommandService" ui:field="commandService" /> 
       <b:AnchorListItem text="WebConsole" ui:field="webConsole" /> 
       <b:AnchorListItem text="DataService" ui:field="dataService" /> 
       <b:AnchorListItem text="MqttDataTransport" ui:field="mqttDataTransport" /> 
       <b:AnchorListItem text="SslManagerService" ui:field="sslManagerService" /> 
       <b:AnchorListItem text="WatchdogService" ui:field="watchdogService" /> 
      </b:NavPills> 
     </b:PanelBody> 
    </b:Panel> 
</b:Column> 

<b:Column size="MD_9"> 
    <b:Panel ui:field="contentPanel"> 
     <b:PanelHeader ui:field="contentPanelHeader"> 
     </b:PanelHeader> 
     <b:PanelBody ui:field="contentPanelBody"> 
     </b:PanelBody> 
    </b:Panel> 
</b:Column>

任何幫助或建議表示讚賞，我也願意接受使用其他部件，只要他們提供了類似的觀點。

來源

2015-06-16 Rohit

如果您希望*Panel的內容用完所有可用空間，只需將其內容以適當的大小（如MD_12）包裝在Column中即可。根據您的佈局，逆轉層次結構可能就足夠了 - Panel應該是其子項，並且應該是其父項和Column子項。如果你有很多這樣的情況（或者這是一個很常用的小部件），你可以直接將CSS樣式.col-md-12應用到你的小部件（Panel的內容），以避免「不必要的」換行。

來源

2015-06-25 09:35:33

但是色譜柱尺寸只考慮寬度。我需要我的面板來匹配它內部的列的高度。我的父列中並排放置了2個面板 - 一個用於堆疊Navpils菜單（具有可變數量的項目），另一個用於顯示基於菜單選項的數據。我需要數據面板來匹配菜單面板的高度。 – Rohit

請更新問題以包含所有這些重要信息並添加一些代碼，否則很難提出任何合理的建議。 –

當然，完成了！ – Rohit

GWTBootstrap3相當於android的「匹配父項」

回答

相關問題