Html 如何在默认的Bootstrap3表单中添加内联组件?

Html 如何在默认的Bootstrap3表单中添加内联组件?,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,我需要在TB3中的表单组类中添加一个内联控件,但我不能这样做。这是我尝试过但没有成功的方法,这意味着它不能按我所希望的那样工作: 选择问题类型 选择一个 问题文本 选择1 复选框 创建一个 给它一个Flex类 设置宽度 <div class='flex'> <div> item1</div> <div> item2</div> <div> item3</div> </div> <div cl

我需要在TB3中的表单组类中添加一个内联控件,但我不能这样做。这是我尝试过但没有成功的方法,这意味着它不能按我所希望的那样工作:

选择问题类型 选择一个 问题文本 选择1 复选框 创建一个 给它一个Flex类 设置宽度

<div class='flex'>
<div> item1</div>
<div> item2</div>
<div> item3</div>
</div>

<div class='flex'>
<div> item4</div>
<div> item5</div>
<div> item6</div>
</div>

.flex {
display:flex;
justify-content:center;
align-items: center;
}
创建一个 给它一个Flex类 设置宽度

<div class='flex'>
<div> item1</div>
<div> item2</div>
<div> item3</div>
</div>

<div class='flex'>
<div> item4</div>
<div> item5</div>
<div> item6</div>
</div>

.flex {
display:flex;
justify-content:center;
align-items: center;
}

例如,您可能希望使用以下列表中的列:


上面的示例使用预定义的网格类col-sm-2创建3个等宽列。例如,您可能希望使用以下列中的列:

上面的示例使用预定义的网格类col-sm-2创建3个等宽列