Question

我有自举内联形式。当我集成Angularjs引导程序日期选取器时，datepicker文本字段将进入第二行并打破引导程序内联形式的形状。我能以任何方式避免这种情况吗？

＆＃13;

<style>
  .full button span {
    background-color: limegreen;
    border-radius: 32px;
    color: black;
  }
  .partially button span {
    background-color: orange;
    border-radius: 32px;
    color: black;
  }
</style>

＆＃13;

<form class="form-inline" role="form">
        <div class="form-group">
            <label for="email">Email address:</label>
            <input type="email" class="form-control" id="email">
        </div>
        
    <div class="col-md-2,form-group" style=" width: 185px;">
        <p class="input-group">
            <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
            <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
            </span>
        </p>
    </div>
  
  <div class="form-group">
            <label for="pwd">Password:</label>
            <input type="password" class="form-control" id="pwd">
        </div>
  
   <button type="submit" class="btn btn-default">Submit</button>
    </form>

＆＃13;

谢谢

内联形式的Angularjs bootstrap datepicker（是否可能＆gt;

0 个答案: