Comments (5)
@dnkmiller @yiss Unfortunately Shards does not currently support the final version of Bootstrap 4, only beta-1. We are already working internally on updating it to the latest version. Expect updates soon. 😃
from shards-ui.
@yiss I haven't tested Shards with Angular 5 and I'm not aware of its internals or if they're compatible at all. Can you please tell me more about your current setup so I can try to reproduce this issue locally?
from shards-ui.
I have the same issue after upgrading to Bootstrap V4 (rather than beta) so assume that is the issue?
from shards-ui.
"dependencies": { "@angular/animations": "^5.2.0", "@angular/common": "^5.2.0", "@angular/compiler": "^5.2.0", "@angular/core": "^5.2.0", "@angular/forms": "^5.2.0", "@angular/http": "^5.2.0", "@angular/platform-browser": "^5.2.0", "@angular/platform-browser-dynamic": "^5.2.0", "@angular/router": "^5.2.0", "bootstrap": "4.0.0", "core-js": "^2.4.1", "jquery": "^3.3.1", "lt-themify-icons": "^1.1.0", "popper": "^1.0.1", "popper.js": "^1.12.9", "rxjs": "^5.5.6", "shards-ui": "^1.1.2", "zone.js": "^0.8.19" }, "devDependencies": { "@angular/cli": "1.6.5", "@angular/compiler-cli": "^5.2.0", "@angular/language-service": "^5.2.0", "@types/jasmine": "~2.8.3", "@types/jasminewd2": "~2.0.2", "@types/node": "~6.0.60", "codelyzer": "^4.0.1", "jasmine-core": "~2.8.0", "jasmine-spec-reporter": "~4.2.1", "karma": "~2.0.0", "karma-chrome-launcher": "~2.2.0", "karma-cli": "~1.0.1", "karma-coverage-istanbul-reporter": "^1.2.1", "karma-jasmine": "~1.1.0", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.1.2", "ts-node": "~4.1.0", "tslint": "~5.9.1", "typescript": "~2.6.2" }
@hisk Im using the version 4.0.0 of bootstrap, but I don't think it's an Angular problem, I think it's a bootstap issue somehow the checkbox is forced to have 2px width when inspecting the css
from shards-ui.
@hisk You're right the problem is a Bootstrap 4.0.0 problem, I don't have this problem using the version 4.0.0-beta.2, thank you :)
from shards-ui.
Related Issues (20)
- $popover-arrow-width SCSS variable in shards.css file HOT 3
- Uncaught TypeError with Datepicker inside modal HOT 2
- list-group list-group-flush HOT 1
- No tests? HOT 3
- Add Visual Regression Testing HOT 2
- Why are there dependencies? HOT 5
- Will the npm package be published? HOT 1
- Latest npm release is missing src folder HOT 2
- Checkbox issue HOT 2
- Carousel don't event swipe on mobile HOT 1
- Installation fails on Node 12 HOT 3
- Tooltip/Popover Left/Right Inverted
- Bootstrap dependency is pinned to an insecure version of bootstrap HOT 2
- Bundlesize in devDependences HOT 1
- Note: Bootstrap 4 doesn't supports input-group-addon
- Long modal is not scrollable and extends past window HOT 1
- Ui
- Are you going to upgrade to Bootstrap 5?
- Downloading from website does not work
- Navbar Documentation?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from shards-ui.