title: How to make wrapped div expand to full width
body: <p>I have the following UI:</p>
  
  <p><a href="https://i.stack.imgur.com/tjIKN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tjIKN.png" alt="enter image description here"></a></p>
  
  <p>When I make the window thinner, the div's wrap to accommodate, like so:</p>
  
  <p><a href="https://i.stack.imgur.com/OSgBh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OSgBh.png" alt="enter image description here"></a></p>
  
  <p>What I'd like see happen is when it does wrap, the div's expand to 100% width of space available.</p>
  
  <p>The actual 'div.row's are 100% width in browser, so they are correct, but 'div.col-md-6's remain at the min-width setting, so it's them that I'm focusing on.</p>
  
  <p><strong>Question:</strong> How to make wrapped div's expand to 100% width?</p>
  
  <p>This is the HTML, just using bootstrap css:</p>
  
  <pre><code>  &lt;fieldset&gt;
      &lt;legend&gt;Report Parameters&lt;/legend&gt;
      &lt;div class="container" style="width: 100%; max-width: none;"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-md-6" style="padding: 0; min-width: 554px;"&gt;
            &lt;div class="panel panel-default" style="margin: 10px 10px 10px 10px; height: 470px;"&gt;
              &lt;div class="panel-heading"&gt;
                &lt;span class="font-bold font-medium"&gt;Timelapse Templates&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class="panel-body"&gt;
                &lt;span&gt;Please select a template:&lt;/span&gt;
                &lt;div class="feed-activity-list" style="display: block;"&gt;
                  &lt;div id="GridTLTemplates"&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="col-md-6" style="padding: 0; min-width: 554px;"&gt;
            &lt;div class="tlTemplateDetail" style="height: 494px;"&gt;
              &lt;div class="panel panel-default" style="margin-top:0px;"&gt;
                &lt;div class="panel-heading"&gt;
                  &lt;span class="font-bold  font-medium"&gt;Timelapse Template Detail&lt;/span&gt;
                &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="panel panel-default" style=""&gt;
                &lt;div class="feed-activity-list"&gt;
                  &lt;label class="control-label nowrap sectionTitle"&gt;Template Name:&lt;/label&gt;
                  &lt;div style="padding: 5px;"&gt;
                    &lt;input type="text" id="tbxTemplateName" /&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="panel panel-default" style=""&gt;
                &lt;div class="feed-activity-list"&gt;
                  &lt;label class="control-label nowrap sectionTitle"&gt;Based-on Saved Query:&lt;/label&gt;
                  &lt;div style="padding: 5px;"&gt;
                    &lt;div id="basedOnQueryContainer"&gt;
                      &lt;div class="e-tab-header"&gt;
                        &lt;div&gt;My Queries &lt;/div&gt;
                        &lt;div&gt;Public Queries &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="e-content"&gt;
                        &lt;div&gt;
                          &lt;div id='GridMyQueries'&gt;&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div&gt;
                          &lt;div id='GridPublicQueries'&gt;&lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;div class="row"&gt;
          &lt;div class="col-md-6" style="padding: 0; min-width: 554px;"&gt;
            &lt;div class="container" style="width: 100%; max-width: none; padding: 0;"&gt;
              &lt;div class="row" style="margin: 0;"&gt;
                &lt;div class="col-md-3" style="padding: 0; min-width: 277px; width: 50%"&gt;
                  &lt;div class="tlTemplateDetail"&gt;
                    &lt;div class="panel panel-default" style="margin:0;"&gt;
                      &lt;div class="feed-activity-list" style="height: 270px;"&gt;
                        &lt;label class="control-label nowrap sectionTitle"&gt;Select an interval:&lt;/label&gt;
                        &lt;div style="padding: 5px; text-align: center;"&gt;
                          &lt;div style="text-align: left;"&gt;
                            &lt;table&gt;
                              &lt;tr&gt;
                                &lt;td&gt;
                                  &lt;input type="radio" id="rbnIntervalHour" /&gt;
                                &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                &lt;td&gt;
                                  &lt;input type="radio" id="rbnIntervalDay" /&gt;
                                &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                &lt;td&gt;
                                  &lt;input type="radio" id="rbnIntervalWeek" /&gt;
                                &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                &lt;td&gt;
                                  &lt;input type="radio" id="rbnIntervalMonth" /&gt;
                                &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                &lt;td&gt;
                                  &lt;input type="radio" id="rbnIntervalYear" /&gt;
                                &lt;/td&gt;
                              &lt;/tr&gt;
                            &lt;/table&gt;
                          &lt;/div&gt;
                          &lt;br /&gt;
                          &lt;div style="display: inline-block; padding-top: 10px; text-align: center;"&gt;
                            &lt;span style="padding-top: 30px;"&gt;Each interval will create a frame in the &lt;span style="white-space: pre"&gt;time-lapse&lt;/span&gt; map.&lt;/span&gt;
                          &lt;/div&gt;
                          &lt;br /&gt;
                          &lt;div style="display: inline-block; padding-top: 10px; text-align: center;"&gt;
                            &lt;span style="margin-top: 25px;"&gt;Week = Sunday to Saturday&lt;/span&gt;
                            &lt;br /&gt;
                            &lt;span&gt;Month = Calendar month&lt;/span&gt;
                            &lt;br /&gt;
                            &lt;span&gt;Year = Calendar year&lt;/span&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="col-md-3" style="padding: 0; min-width: 277px; width: 50%"&gt;
                  &lt;div class="tlTemplateDetail"&gt;
                    &lt;div class="panel panel-default" style="margin:0;"&gt;
                      &lt;div class="feed-activity-list" style="height: 270px;"&gt;
                        &lt;label class="control-label nowrap sectionTitle"&gt;Select date period:&lt;/label&gt;&lt;br /&gt;
                        &lt;div style="padding: 5px;"&gt;
                          &lt;table&gt;
                            &lt;tr&gt;
                              &lt;td&gt;
                                &lt;input type='radio' id='rbnDatePeriodFixed' /&gt;
                                &lt;div id="DatePeriodDetailFixed" style="display: none; padding: 2px; border: 1px solid #e9e9e9; border-radius: 8px; -moz-border-radius: 8px; width: 100%; margin: 2px;"&gt;
                                  &lt;table&gt;
                                    &lt;tr&gt;
                                      &lt;td&gt;
                                        &lt;input id='dpFixedDateStart' type="text" /&gt;
                                      &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                      &lt;td&gt;
                                        &lt;input id='dpFixedDateEnd' type="text" /&gt;
                                      &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                      &lt;td&gt;
                                        &lt;span&gt;Dates will be adjusted to fit the selected interval&lt;/span&gt;
                                      &lt;/td&gt;
                                    &lt;/tr&gt;
                                  &lt;/table&gt;
                                &lt;/div&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr&gt;
                              &lt;td&gt;
                                &lt;input type='radio' id='rbnDatePeriodCumulative' /&gt;
                                &lt;div id="DatePeriodDetailCumulative" style="display: none; padding: 2px; border: 1px solid #e9e9e9; border-radius: 8px; -moz-border-radius: 8px; width: 100%; margin: 2px;"&gt;
                                  Blah blah blah
                                &lt;/div&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr&gt;
                              &lt;td&gt;
                                &lt;input type='radio' id='rbnDatePeriodRolling' /&gt;
                                &lt;div id="DatePeriodDetailRolling" style="display: none; padding: 2px; border: 1px solid #e9e9e9; border-radius: 8px; -moz-border-radius: 8px; width: 100%; margin: 2px;"&gt;
                                  &lt;table&gt;
                                    &lt;tr&gt;
                                      &lt;td&gt;
                                        &lt;label&gt;Number of Intervals:&lt;/label&gt;
                                      &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                      &lt;td&gt;
                                        &lt;input id="nbxRollingDate" type="text" /&gt;
                                      &lt;/td&gt;
                                    &lt;/tr&gt;
                                  &lt;/table&gt;
                                &lt;/div&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                          &lt;/table&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-md-6" style="padding: 0; min-width: 554px;"&gt;
            &lt;div class="container" style="width: 100%; max-width: none"&gt;
              &lt;div class="row"&gt;
                &lt;div class="col-md-3" style="padding: 0; min-width: 277px; width: 50%"&gt;
                  &lt;div class="tlTemplateDetail "&gt;
                    &lt;div class="panel panel-default" style="margin:0;"&gt;
                      &lt;div class="feed-activity-list" style="height: 270px;"&gt;
                        &lt;label class="control-label nowrap sectionTitle"&gt;Select a geographic grouping:&lt;/label&gt;&lt;br /&gt;
                        &lt;div style="padding: 5px;"&gt;
                          &lt;table&gt;
                            &lt;tr&gt;
                              &lt;td&gt;
                                &lt;input type="radio" id="rbnGeoGroupingState" /&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr&gt;
                              &lt;td&gt;
                                &lt;input type="radio" id="rbnGeoGroupingCounty" /&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr&gt;
                              &lt;td&gt;
                                &lt;input type="radio" id="rbnGeoGroupingZipCode3" /&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                          &lt;/table&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="col-md-3" style="padding: 0; min-width: 277px; width: 50%"&gt;
                  &lt;div class="tlTemplateDetail "&gt;
                    &lt;div class="panel panel-default" style="margin:0;"&gt;
                      &lt;div class="feed-activity-list" style="height: 270px;"&gt;
                        &lt;label class="control-label nowrap sectionTitle"&gt;Map Options:&lt;/label&gt;
                        &lt;div style="padding: 5px;"&gt;
                          &lt;table&gt;
                            &lt;tr&gt;
                              &lt;td&gt;
                                &lt;input type="checkbox" id="tlMapOptionsAccumCounts" /&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr&gt;
                              &lt;td&gt;
                                &lt;input type="checkbox" id="tlMapOptionsShowCounts" /&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr&gt;
                              &lt;td&gt;
                                &lt;div style="padding: 2px; border: 1px solid #e9e9e9; border-radius: 8px; -moz-border-radius: 8px; width: 100%; margin: 2px;"&gt;
                                  &lt;table&gt;
                                    &lt;tr&gt;
                                      &lt;td&gt;
                                        &lt;label style="white-space: normal;"&gt;Seconds to display each map frame:&lt;/label&gt;
                                      &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                      &lt;td&gt;
                                        &lt;input id="nbxFrameRate" type="text" /&gt;
                                      &lt;/td&gt;
                                    &lt;/tr&gt;
                                  &lt;/table&gt;
                                &lt;/div&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                          &lt;/table&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/fieldset&gt;
  </code></pre>