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);