title: Increase Bootstrap components sizes (inputs, labels, fonts, buttons, etc..) at once
body: <p>I have a responsible site but as you can see by the pictures (<a href="http://postimg.org/image/xoq7eyg1b/" rel="nofollow">http://postimg.org/image/xoq7eyg1b/</a>), it's not totally mobile-friendly because the components are shown kind of small. 
  To avoid the need to resize each one of them explicitly, is there any way to enlarge everything at once?</p>
  
  <p>Code of the printed page:</p>
  
  <pre><code>&lt;div class='row' id='content-wrapper'&gt;
      &lt;div class='col-xs-12'&gt;
          &lt;div class='page-header'&gt;
              &lt;h1 class='pull-left'&gt;&lt;i class='icon-stethoscope'&gt;&lt;/i&gt;&amp;nbsp;Doenças Crônicas&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="divGrid"&gt;
      &lt;div class='col-sm-12 col-md-3'&gt;
          &lt;div style="width:101% !important" class="box"&gt;
              &lt;div class="box-header box-header-small dark-orange-background"&gt;
                  &lt;div class="title"&gt;
                      &lt;div class="icon-search"&gt;&lt;/div&gt;
                      Pesquisa
                  &lt;/div&gt;
                  &lt;div class='actions'&gt;
                      &lt;a class="btn box-collapse btn-xs btn-link" href="#"&gt;&lt;i&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="box-content"&gt;
                  &lt;form class="form form-horizontal" method="post" action="#" accept-charset="UTF-8"&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="col-md-4 control-label" style="text-align: left;" for="nome"&gt;Nome&lt;/label&gt;
                          &lt;div class="col-md-8"&gt;
                              &lt;input class="form-control input-sm" style="height:33px !important;font-size:medium !important" id="nome" placeholder="Ao menos 3 letras" type="text" data-bind="value: model.Nome" /&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="col-md-4 control-label" style="text-align: left;" for="Email"&gt;E-mail&lt;/label&gt;
                          &lt;div class="col-md-8"&gt;
                              &lt;input class="form-control input-sm" style="height:33px !important;font-size:medium !important" id="Email" placeholder="Ao menos 3 letras" type="text" data-bind="value: model.Email" /&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="col-md-4 control-label" style="text-align: left;" for="Sexo"&gt;Sexo&lt;/label&gt;
                          &lt;div class="col-md-8"&gt;
                              &lt;select id="Sexo" class="form-control input-sm" style="height:33px !important;font-size:medium !important" data-bind="value: model.Sexo, "&gt;
                                  &lt;option value=""&gt;-- Todos --&lt;/option&gt;
                                  &lt;option value="M"&gt;Masculino&lt;/option&gt;
                                  &lt;option value="F"&gt;Feminino&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="col-md-4 control-label" style="text-align: left;" for="IsMonitorado"&gt;Monitorado&lt;/label&gt;
                          &lt;div class="col-md-8"&gt;
                              &lt;select id="IsMonitorado" class="form-control input-sm" style="height:33px !important;font-size:medium !important" data-bind="value: model.IsMonitorado, "&gt;
                                  &lt;option value=""&gt;-- Todos --&lt;/option&gt;
                                  &lt;option value="1"&gt;Sim&lt;/option&gt;
                                  &lt;option value="0"&gt;Não&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="col-md-4 control-label" style="text-align: left;" for="FaixaIdade"&gt;Faixa Idade&lt;/label&gt;
                          &lt;div class="col-md-8"&gt;
                              &lt;select id="FaixaIdade" class="form-control input-sm" style="height:33px !important;font-size:medium !important" data-bind="value: model.FaixaIdade, "&gt;
                                  &lt;option value=""&gt;-- Todos --&lt;/option&gt;
                                  &lt;option value="1"&gt;0 a 18 anos&lt;/option&gt;
                                  &lt;option value="2"&gt;19 a 23 anos&lt;/option&gt;
                                  &lt;option value="3"&gt;24 a 28 anos&lt;/option&gt;
                                  &lt;option value="4"&gt;29 a 33 anos&lt;/option&gt;
                                  &lt;option value="5"&gt;34 a 38 anos&lt;/option&gt;
                                  &lt;option value="6"&gt;39 a 43 anos&lt;/option&gt;
                                  &lt;option value="7"&gt;44 a 48 anos&lt;/option&gt;
                                  &lt;option value="8"&gt;49 a 53 anos&lt;/option&gt;
                                  &lt;option value="9"&gt;54 a 58 anos&lt;/option&gt;
                                  &lt;option value="10"&gt;59 anos ou mais&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="form-group"&gt;
                          &lt;label class="col-md-4 control-label " style="text-align: left;" for="situacao"&gt;Situação&lt;/label&gt;
                          &lt;div class="col-md-8"&gt;
                              &lt;select id="situacao" class="form-control input-sm" style="height:33px !important;font-size:medium !important" data-bind="value: model.StAtivo, "&gt;
                                  &lt;option value=""&gt;-- Todos --&lt;/option&gt;
                                  &lt;option value="1"&gt;Ativo&lt;/option&gt;
                                  &lt;option value="0"&gt;Inativo&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="form-actions form-actions-padding-xs"&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="col-md-10 col-md-offset-2"&gt;
                                  &lt;button class="btn btn-sm" type="button" data-bind="click: limpar"&gt;Limpar&lt;/button&gt;
                                  &lt;button class="btn btn-primary btn-sm" type="button" data-bind="click: submit"&gt;&lt;i class="icon-search"&gt;&lt;/i&gt;&amp;nbsp;Pesquisar&lt;/button&gt;
  
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class='col-sm-12 col-md-9'&gt;
          &lt;div style="width:101% !important" data-bind="kendoGrid: model.items"&gt;&lt;/div&gt;
      &lt;/div&gt;
  
  
  
  &lt;/div&gt;
  &lt;div class="modal fade" id="NovoPaciente" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
      &lt;div class="modal-dialog modal-lg"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header blue-background"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
                  &lt;h4 class="modal-title text-white" id="myModalLabel"&gt;&lt;i class="icon-user"&gt;&lt;/i&gt;&amp;nbsp;NOVO PACIENTE&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
  
  
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12 col-sm-12"&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='inputText'&gt;Nome/Identificação*&lt;/label&gt;
                                  &lt;input class='form-control' type='text' data-bind="value: model.Nome, valueUpdate:'afterkeydown'"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='inputText'&gt;Endereço*&lt;/label&gt;
                                  &lt;textarea class='form-control' rows='2' data-bind="value: model.Endereco"&gt;&lt;/textarea&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12 col-sm-12"&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='inputText'&gt;Telefone&lt;/label&gt;
                                  &lt;input class='form-control' type="text" data-bind="masked: model.Telefone, mask: '(99) 9999-9999'" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='inputText'&gt;Sexo*&lt;/label&gt;
                                  &lt;select class="form-control" data-bind="options: model.ComboSexo, optionsText: 'Text', optionsValue: 'Value', optionsCaption: '-- Selecione --', value: model.Sexo, "&gt;&lt;/select&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12 col-sm-12"&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='inputText'&gt;Nascimento*&lt;/label&gt;
                                  &lt;div class="form-group"&gt;
  
                                      &lt;input class="form-control" id="txtDtNascimento" type="text" data-bind="value: model.DtNascimento, datepicker: model.DtNascimento, datepickerOptions: { altFormat: 'dd/mm/yyyy' }  " /&gt;
  
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='tipoDocumento'&gt;Unidade*&lt;/label&gt;
                                  &lt;select id="tipoDocumento" class="form-control" data-bind="click: function(e) { obterEquipesUnidade(this) }, options: model.ComboUnidade, optionsText: 'Text', optionsValue: 'Value', value: model.IdUnidade, optionsCaption: '-- Selecione --', "&gt;&lt;/select&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
  
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12 col-sm-12"&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='inputText'&gt;Equipe&lt;/label&gt;
                                  &lt;select class="form-control" data-bind="options: model.comboEquipe, optionsText: 'Descricao', optionsValue: 'Id', optionsCaption: '-- Selecione --', value: model.IdEquipe, "&gt;&lt;/select&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='tipoDocumento'&gt;Assinatura do TCLE&lt;/label&gt;
                                  &lt;br /&gt;
                                  &lt;label&gt;
                                      &lt;input type="radio" name="Tcle" value="true" data-bind="checkedRadioToBool: model.Tcle" /&gt;
                                      Sim
                                  &lt;/label&gt;
                                  &lt;label&gt;
                                      &lt;input type="radio" name="Tcle" value="false" data-bind="checkedRadioToBool: model.Tcle" /&gt;
                                      Não
                                  &lt;/label&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
  
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12 col-sm-12"&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='inputText'&gt;Altura&lt;/label&gt;
                                  &lt;input class='form-control' type='text' id="Altura" data-bind="value: model.Altura, masked: model.Altura, mask: '0.00'"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='inputText'&gt;Chave de acesso&lt;/label&gt;
                                  &lt;input class='form-control' type="text" data-bind="numeric: number, value: model.ChaveAcesso" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
  
  
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12 col-sm-12"&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='inputText'&gt;E-mail&lt;span data-bind="text: model.Obrigatorio"&gt;&lt;/span&gt;&lt;/label&gt;
                                  &lt;input class="form-control" type="email" data-bind="value: model.Email" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='inputText'&gt;Outras Informações&lt;/label&gt;
                                  &lt;textarea class='form-control' rows='2' data-bind="value: model.Observacao"&gt;&lt;/textarea&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12 col-sm-12"&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='inputText'&gt;Senha&lt;span data-bind="text: model.Obrigatorio"&gt;&lt;/span&gt; &lt;/label&gt;
                                  &lt;input type="password" class='form-control' data-bind="value: model.Senha" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-6 col-sm-6"&gt;
                              &lt;div class='form-group'&gt;
                                  &lt;label for='inputText'&gt;Confirmação&lt;span data-bind="text: model.Obrigatorio"&gt;&lt;/span&gt; &lt;/label&gt;
                                  &lt;input type="password" class='form-control' data-bind="value: model.ConfirmSenha" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
              &lt;/div&gt;
              &lt;div class="modal-footer"&gt;
                  &lt;button type="button" class="btn btn-default" data-bind="click: cancel"&gt;Fechar&lt;/button&gt;
                  &lt;button type="button" class="btn btn-primary" data-bind="click: save"&gt;Salvar&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>