Question

我正在尝试将bootstrap datetimepicker表单添加到左侧的organzie或者如果可能的话向左浮动。没有被放置在另一个环境中它很好，但是我希望它与下一个表格并排。我已经尝试了到目前为止我可能想到的内容，我已经使用bootstrap row格式将它放在一列中（虽然它已经使用了bootstrap行和列）。我还使用了floats和display: inline-block。

我正在尝试将datetimepicker表单datetimepicker45和textarea表单放在左侧的一列中，另一个表单中的类form-horizontal form-event-upload eforms-right放在右侧的第二列中

我已尝试过所有内容，只是看到下拉窗口小部件显示不正确。万一有人问，我没有使用引导类container，因为它不适合我正在构建的网站。这里有一个例子：https://jsfiddle.net/Jam1/5tsamjx5/31/

    <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>

如何浮动或列位置bootstrap datetimepicker而不抛出datetimepicker小部件

0 个答案: