Question

有没有办法修改Panel的大小以占用其列内的整个空间而不是环绕内容？

我的父列有两个并排的面板 - 一个用于堆叠的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>

我们非常感谢您提供任何帮助或建议，只要他们提供类似的观点，我也可以使用其他小部件。

Answer 1

如果您希望*Panel的内容耗尽所有可用空间，只需将其内容包装在具有适当大小的Column中（如MD_12）。根据您的布局，反转层次结构可能就足够了 - Panel应该是父级，Column应该是其子级。如果你有很多像这样的情况（或者这是一个经常使用的小部件），只需将CSS样式.col-md-12应用到你的小部件（Panel'，就可以避免“不必要的”包装。 s内容）直接。

GWTBootstrap3相当于android＆＃34; match-parent＆＃34;

1 个答案: