Html 如何在不抛出datetimepicker小部件的情况下浮动或列定位boostrap datetimepicker

我正在尝试让引导datetimepicker表单向左organzie或向左浮动（如果可能的话）。这是很好的，因为它没有被放置在另一个环境中，但我希望它是并排的下一个形式。到目前为止，我已经尝试了所有可能想到的方法，我使用了bootstrap

行

格式将其放置在列中（尽管它已经使用了bootstrap行和列）。我还使用了

浮动

和

显示：内联块

我试图将datetimepicker表单

datetimepicker45

，以及

textarea

表单放在左边的一列中，而另一个表单在右边的第二列中具有类

form横向表单事件上载eforms

我尝试了所有的方法，结果发现下拉小部件显示不正确。以防万一，我没有使用引导类
容器
，因为它不适合我正在构建的站点。
例如：


日期/时间
$（函数（）{
$（'#datetimepicker45'）。datetimepicker（）；
});
类别
子类别
话题
您有JSFIDLE吗，这样做很容易。我添加了JSFIDLE，请查看一下
    <div id="eform-b" class="eform">                                                  
        <div class="eform-left">
            <div class="row">
                <div class='col-sm-12'> 
                    <label for="datetimepicker45">Date/Time</label>
                    <input type='text' class="form-control" id='datetimepicker45'/>
                </div>
                <script type="text/javascript">
                    $(function () {
                        $('#datetimepicker45').datetimepicker();
                    });
                </script>
            </div>
            <div class="textarea-size">
                <textarea class="form-control" id="eInfo" rows="3" placeholder="Additional event info (optional)"></textarea>
            </div>                                                                          
        </div>
        <div class="eform-right">                                   
            <form class="form-horizontal form-event-upload eforms-right">
                <div class="form-group">                         
                    <label for="eCat">Category</label>                                
                    <input type="text" class="form-control" id="eCat" placeholder="eg Education">        
                </div>                                                                 
                <div class="form-group">                                   
                    <label for="eScat">SubCategory</label>
                    <input type="text" class="form-control" id="eScat" placeholder="eg Mathematics">                                
                </div>
                <div class="form-group">                                  
                    <label for="eTop">Topic</label>                                
                    <input type="text" class="form-control" id="eTop" placeholder="eg Algebra (optional)">                        
                </div>                      
            </form>                                         
        </div>                                                              
    </div>