css - gwtbootstrap3. ButtonGroup 要素をボタンで正当化する方法

Question

ボタン グループを親の幅全体に揃えたいと思います。

ボタングループを正当化しようとしてい ます

これが私のコードです：

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を使用しています。

私のgwtbootstrap3フレームワークが生成するhtmlは次のとおりです。

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