Html 引导数据采集器中的CSS问题

我正在尝试使用引导日期时间选择器为用户选择日期，但这给了我一个困难的时间

当我选择一个月时，布局看起来不正确

更新

 <div class="col-md-10  formMargin" style="text-align: right; " role="search">
      <form>
        <input class="searchPlace" id="city" name="city" autocomplete="off" >
            <span class="searchPrice">
               <div class="form-control  form-background-color searchPrice2" style="">  <span >Price</span> </div>
               <div class="selectBox"> 
                   <select class="form-control   custom-dropdownHome">
                      <option label=" "></option>  
                       <option>Free</option>
                    </select>
               </div> 
            </span>

        <div class="input-group date" id="eventDatePicker_0"    style="height:50px;  height: 50px;padding-right: 0px; opacity: 1; width: 14%;  vertical-align: bottom; display: inline-block;  ">

         <input style="width: 60%; padding: 0px; padding-left: 10px; padding-top: 5px;background:transparent;border:none;box-shadow: none; "  placeholder="Date" class="form-control"  type="text"  >
         <span class=" input-group-addon" style="background:transparent;border:none;box-shadow:none;padding-top: 10px; padding-right: 0px;">
              <span class="glyphicon glyphicon-calendar"></span> 
         </span>

       </div> 
        </form>
     </div>

我提前感谢你的帮助

找到了问题

我在自己的css文件中更改了.table

table { 
    border-spacing: 20px;
    border-collapse: separate;
}

---

现在它开始工作了。谢谢您的帮助。

可能是一些填充问题。我认为您的其他css脚本正在影响日期选择器的css。请检查填充值。这可能会解决你的问题。我以前有过这个问题。请检查填充。粘贴您的代码可能是某些类重复。请在浏览器中检查白色容器是否有宽度限制。可能需要将容器宽度设置为

auto

，或者删除overiding width属性。

table { 
    border-spacing: 20px;
    border-collapse: separate;
}