gwtbootstrap3。如何證明ButtonGroup元素與按鈕

Question

我想證明我的按鈕組的父母的整個寬度。

我想Justified button groups

這裏是我的代碼：

ButtonGroup buttonGroupHelper = new ButtonGroup(); 

Button loginButton = new Button("Log in"); 
Button resetButton = new Button("Reset"); 
Button forgotCredentialsButton = new Button("Forgot credentials?"); 

buttonGroupHelper.add(loginButton); 
buttonGroupHelper.add(resetButton); 
buttonGroupHelper.add(forgotCredentialsButton); 

而且我得到這個：

當我將加入這一行：

buttonGroupHelper.setJustified(true); 

我得到這個：

我用bootstrap css darkly theme。

這裏是HTML，我gwtbootstrap3框架生產：

<div class="btn-group btn-group-justified"> 
    <button type="button" class="btn btn-success"><i class="fa fa-play-circle-o"></i> Log in</button> 
    <button type="button" class="btn btn-danger"><i class="fa fa-times-circle-o"></i> Reset</button> 
    <button type="button" class="btn btn-warning"><i class="fa fa-key"></i> Forgot credentials?</button> 
</div> 

我做錯了什麼。或者這只是一個錯誤？

請幫忙。

Answer 1

您應該將按鈕放入按鈕組中，然後將按鈕組放入幫助器按鈕組中。

ButtonGroup buttonGroupHelper = new ButtonGroup(); 
ButtonGroup loginBtnGroup = new ButtonGroup(); 
ButtonGroup resetBtnGroup = new ButtonGroup(); 
ButtonGroup forgotBtnGroup = new ButtonGroup(); 

Button loginButton = new Button("Log in"); 
Button resetButton = new Button("Reset"); 
Button forgotCredentialsButton = new Button("Forgot credentials?"); 

loginBtnGroup.add(loginButton); 
resetBtnGroup.add(resetButton); 
forgotBtnGroup.add(forgotCredentialsButton); 

buttonGroupHelper.add(loginBtnGroup); 
buttonGroupHelper.add(resetBtnGroup); 
buttonGroupHelper.add(forgotBtnGroup); 

buttonGroupHelper.setJustified(true);