Question

请帮助一下！为什么在较低的屏幕上不能很好地扩展？我在页面上的其他所有内容都可以很好地扩展！

              <div class="form-group">
                <!-- Upper Label -->
                <label for="commission" id="label-eq-upper">Are these odds at an exchange? If so, they must
                  be
                  discounted with the commission.</label>
                <div class="input-group">
                  <!-- Inline Label -->
                  <span class="input-group-addon" id="label-eq-inline">Write your commission or select from the dropdown menu if you're on a standard plan:</span>

                  <!-- Text Box -->
                  <input type="text" class="form-control text-right" id="commission" value="0%">

                  <!-- Dropdown -->
                  <div class="input-group-btn">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Select a
                      standard plan<span class="caret"></span></button>
                    <ul class="dropdown-menu dropdown-menu-right">
                      <li><a href="#">Matchbook</a></li>
                      <li><a href="#">Betfair</a></li>
                      <li role="separator" class="divider"></li>
                      <li><a href="#">Smarkets</a></li>
                      <li><a href="#">Betdaq</a></li>
                      <li><a href="#">Betsson</a></li>
                    </ul>
                  </div><!-- /btn-group -->
                </div><!-- /input-group -->
              </div><!-- /form-group -->

是因为输入组中只能有两个元素吗？

Answer 1

这是因为文字 ＆＃34;写下您的佣金或从下拉菜单中选择您是否符合标准计划：＆＃34; 太长了。大概可能。我猜你可能要改变文字或改变设计一点点。

只是一个建议：尝试将其添加为底部作为标签注释，

为什么这个html代码在较低的屏幕上没有很好的扩展？

1 个答案: