表单中列之间的连字符

Question

我试图使用bootstrap创建一个表单，我希望它完全对齐，就像这个

我有这个结构：

＆＃13;

＆＃13;

.w100x100 {
    width: 100% !important;
}

＆＃13;

<form class="form-inline" method="get" action="index.php">

<div class="form-group col-md-10">
    <div class="input-group w100x100">
        <select class="form-control" name="myform">
             <option>Option</option>
        </select>
    </div>
</div>
<br>

<div class="form-group col-md-5">
	<div class="input-group w100x100">
		<input class="form-control" placeholder="input text"></input>
	</div>
</div>

<div class="form-group col-md-5">
	<div class="input-group w100x100">
		<input class="form-control" placeholder="input text"></input>
	</div>
</div>

＆＃13;

＆＃13;

＆＃13;

并且工作正常，除了我不知道如何在两个输入之间插入连字符。我不知道还有什么可以尝试。

有任何线索吗？

Answer 1

尝试在包含连字符的两个表单之间添加一个div，然后给它说10％，然后是其他两个div，你已经有45％。