Css 在引导无线电内联列表中显示输入文本

我在Bootstrap3.3.5设置中有一些单选按钮。如果选中某个单选按钮，则可能会填写额外的输入字段。因此我想把它放在单选按钮附近。这样做的好方法是什么？无论我将其放置在

标签

还是

li

中，它都会在显示前加上一个中断，并中断收音机的内联显示

        <ul class="list-inline">

            <li>
                <label class="radio-inline">
                    <input type="radio" name="rdoInp" id="rdoInp1" value="1"> Radio 1
                </label>
            </li><li>
                <label class="radio-inline">
                    <input type="radio" name="rdoInp" id="rdoInp6" value="6"> Radio 6
                </label>
            </li><li>
                <label class="radio-inline">
                    <input type="radio" name="rdoInp" id="rdoInp7" value="7"> Radio 7
                    <input type="text" name="txt1" class="form-control col-xs-1">
                </label>
            </li><li>
                <label class="radio-inline">
                    <input type="radio" name="rdoInp" id="rdoInp8" value="8"> Radio 8
                </label>
            </li>

        </ul>

第一台

第六台

第七台

第八台

与问题中的回答不同，我是一个水平的

。形式的
公式

Fiddle:
这看起来像是一个关于如何在容器上而不是列表上设置网格系统的问题。在包含的div上有“col-sm-4”。如果将其更改为“col-sm-12”，则会内联显示文本输入字段

作为这样一个窄列的一部分，该元素根本不适合与所有其他元素内联。例如，将“width:50px”应用于文本字段也会将其置于内联状态。
您是否正在寻找类似的内容（仅查看收音机7）？（我们以后可以做得更好）我在这个示例中设置了
col-sm-4
，就像我在现实生活中的
模式中一样。我明白，我只是想说明，据我所知，元素是以内联方式显示的，存在一个中断，仅仅是因为内容与容器的宽度不匹配。