twitter bootstrap - Why is the arrow not showing? -


i trying use bootstrap thing can't seem able create simple dropdown button.

here code:

  <div class="btn-group">     <button type="button" class="btn btn-primary">choose phobia</button>     <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">       <span class="sr-only">toggle dropdown</span>     </button>     <div class="dropdown-menu">       {% phobia in phobia_list %}       <a class="dropdown-item" href="{% url 'android:phobia_detail' phobia.id %}">{{phobia.name}}</a> {% endfor %}     </div>   </div> 

and how load bootstrap

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mtjoasx8j1au+a5wdvnpi2lkffwweaa8hdddjzlplegxhjvme1fgjwpgmkzs7" crossorigin="anonymous">   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-flw2n01lmqjakbkx3l/m9eahuwpsfenvv63j5ezn3uzzapt0u7eysxmjqv+0en5r" crossorigin="anonymous">   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0msbjdehialfmubbqp6a4qrprq5ovfw37prr3j5elqxss1yvqotnepnhvp9aj7xs" crossorigin="anonymous"></script> 

and here result

enter image description here

change 2 buttons 1 looks this:

<button type="button" class="btn btn-primary dropdown-toggle"   data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">     choose phobia <span class="caret"></span> </button> 

Comments

Popular posts from this blog

routing - AngularJS State management ->load multiple states in one page -

python - GRASS parser() error -

Swift game error message -