如何使我的按钮在文本旁边显示内联？

Question

我刚刚开始使用bootstrap。我想用这个design

创建一个网络应用程序

正如您所看到的那样，温度旁边会显示一个摄氏和华氏按钮。

我的尝试没有任何乐趣：

<div>
    <h1 id="temperature" class="text-center inline">temperature</h1>
        <div class="btn-group inline pull-right" data-toggle="buttons-checkbox">
          <div class="btn btn-primary unitButton">C</div>
          <div class="btn btn-primary unitButton">F</div>
        </div>
</div>

有人可以帮助我。谢谢你的时间。

Answer 1

只需将ParsedData parsedData = new Gson().fromJson(jsonString, ParsedData.class); 添加到h1

即可

display:inline-block;

并从按钮的div父级中取消课程#temperature{ display:inline-block; } ：

pull-right

Demo