Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

The country flag image is not showing up #3

Closed
david-young-fax opened this issue Aug 8, 2019 · 8 comments
Closed

The country flag image is not showing up #3

david-young-fax opened this issue Aug 8, 2019 · 8 comments
Labels
question Further information is requested

Comments

@david-young-fax
Copy link

Cannot figure out how to make the country flag image to show
@mojoaxel mojoaxel added the question Further information is requested label Aug 9, 2019
@mojoaxel
Copy link
Owner

mojoaxel commented Aug 9, 2019

You need to set data-flag="true".
See examples

@david-young-fax
Copy link
Author

david-young-fax commented Aug 9, 2019 via email •
edited by mojoaxel
Loading

@mojoaxel
Copy link
Owner

mojoaxel commented Aug 9, 2019

Here is a minimal example:
https://jsbin.com/xacuyin/3/edit?html,output

<!DOCTYPE html>
<html>
<head>
  <title>JS Bin</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" />
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css" type="text/css" />
  <link rel="stylesheet" href="https://mojoaxel.github.io/bootstrap-select-country/dist/css/bootstrap-select-country.min.css" type="text/css" />

</head>
<body>
  <select class="selectpicker countrypicker" data-flag="true" ></select>

  <script src="https://code.jquery.com/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>
  <script src="https://unpkg.com/bootstrap-select-country@4.0.0/dist/js/bootstrap-select-country.min.js"></script>
  
</body>
</html>

@mojoaxel mojoaxel closed this as completed Aug 9, 2019
@david-young-fax
Copy link
Author

david-young-fax commented Aug 9, 2019 via email •
edited by mojoaxel
Loading

mojoaxel added a commit that referenced this issue Aug 9, 2019
@mojoaxel
chore(docs): add minimal usage example to README
baefa9c 
fixes #3
@mojoaxel
Copy link
Owner

mojoaxel commented Aug 9, 2019

@david-young-fax 😉 I used the chance to update the README: baefa9c

@david-young-fax
Copy link
Author

david-young-fax commented Aug 12, 2019 via email

@mojoaxel
Copy link
Owner

You also need the dist/css/images folder. Just download the complete dist folder.

@XhrisManuel
Copy link

Will this work with bootstrap 5? Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
question Further information is requested
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@mojoaxel @david-young-fax @XhrisManuel