Change look/behavior of combobox in an inline form when viewport is less than 768px

[KentShikama]

Current Default Look/Behavior

Currently, a bootstrap-combobox for the inline form looks as expected on the on the desktop.

However on screens that are smaller than 768px the inline form bootstrap-combobox does not span the entire width.

Both images are screenshots from http://bootstrap-combobox-test.herokuapp.com.

This may not look so problematic in the example above. However, when you insert the bootstrap-combobox in an inline form with other bootstrap inputs, the apparent difference in consistency becomes a bit more obvious. For example, here is an image of a bootstrap-combobox among a search and month inputs.

When the screen is > 768px:

When the screen is < 768px:

The combobox when the screen is < 768px seems to be out of place.

Proposed Change in Default Look/Behavior

I believe the bootstrap-combobox would be more consistent with the bootstrap framework if it spanned the width of the screen for screen's less than 768px. In Bootstrap 3.3.1's forms.less file, the form-inline class has been implemented to only have an effect when the screen is > 768px:

// From boostrap-3.3.1/less/forms.less

// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
// forms begin stacked on extra small (mobile) devices and then go inline when
// viewports reach <768px.
//
// Requires wrapping inputs and labels with `.form-group` for proper display of
// default HTML form controls and our custom form controls (e.g., input groups).
//
// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.

.form-inline {

  // Kick in the inline
  @media (min-width: @screen-sm-min) {
    // Inline-block all the things for "inline"
    .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }

// etc

If the less/css file could just wrap a media query around the form-inline class, the default look/behavior of the bootstrap-combobox would be more consistent. The resulting changes for the two examples above will look as follows: