All geek questions in one place

Highlight bootstrap3 using the starting height of the login group

I'm new to html, javascript, the bootstrap, selectize. Glyphicon height does not work properly. Where am I mistaken, please help.

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>My Shop!</title>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/css/selectize.bootstrap3.css" rel="stylesheet" type="text/css">
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/js/standalone/selectize.js"></script>
 </head>
 <body>
   <div class="input-group">
    <span class="input-group-addon">
     <i class="glyphicon glyphicon-plus"></i>
    </span>
    <select class="form-control" id="txnParty">
     <option>one</option>
     <option>two</option>
    </select>
   </div>
  <script>
  $('select').selectize();
  </script>
 </body>
</html>
Run codeHide result
enter image description here
+4
source share
1 answer

try as follows:

$('#select').selectize({
    inputClass: 'form-control selectize-input', 
    dropdownParent: "body"
});

see: https://github.com/selectize/selectize.js/issues/600

0
source

Source: https://habr.com/ru/post/1662718/

More articles:


All Articles