question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BS4] problems with component input

See original GitHub issue

Well my site is being developed with bootstrap 4, I want to use the date picker but it doesnt work at all. I just include these files:

<link rel="stylesheet"  type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.min.css"/>
<script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.min.js">
<script type='text/javascript'>
$('.datepicker').datepicker()
</script>    

And the HTML I used was just copied/pasted from the documentation(the one with component/group):

<div class="input-group date">
    <input type="text" class="form-control datepicker" value="12-02-2012">
    <div class="input-group-addon">
        <i class="fa fa-calendar"></i>
    </div>
</div>

The only difference is that I replaced the span tag for glyphicon by fontawesome, other than this I dont see anything else that can cause the trouble. Is the issue caused by the removal of glyphicon? If so, when will you make this compatible with Bootstrap 4 which doesnt have glyphicon? Or am I doing something wrong myself?

Issue Analytics

  • State:open
  • Created 8 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

5reactions
HallofFamercommented, Nov 13, 2015

read my comment. If you dont support it yet, then add the support now.

0reactions
hebbetcommented, Apr 19, 2016

BS4 support is tracked at #1670

I will start updating as soon as an beta is available.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Issues · start-angular/SB-Admin-BS4-Angular-8 - GitHub
Issues list. Bootstrap Component - Modal: locks view - in bs5 version bs4 is still used ... Success, Warning and Danger styles for...
Read more >
Bootstrap 4 invalid feedback with input group not displaying
I have been looking into Bootstrap 4 - beta, however when using .is-invalid with .input-group it doesn't seem to show up.
Read more >
Forms · Bootstrap v4.5
Input group validation. Input groups have difficulty with validation styles, unfortunately. Our recommendation is to place feedback messages as sibling elements ...
Read more >
Bootstrap Modal - examples & tutorial
Before getting started with MDB modal component, be sure to read the ... You'll likely run into issues when nesting a .modal within...
Read more >
Date Range Picker for Bootstrap
A JavaScript component for choosing date ranges. Designed to work with the Bootstrap CSS framework. ... The Date Range Picker is attached to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found