Comments (11)
bjammin
commented on June 20, 2024
1
Thanks very much for looking into this. I'm away from work for the next 1.5 weeks so won't have a chance to look at this until then, but I certainly will!
from toucan.
hmuhdkamran
commented on June 20, 2024
1
I have done it, and it work flawlessly, I have also integrated Metronic 5, looking nice
from toucan.
bjammin
commented on June 20, 2024
Just a note for when this gets done. Bootstrap 4 beta seems to deprecate use of _custom.scss and it doesn't seem to work in this project as of now (changes to this file have no effect).
So when bootstrap 4 release is added please ensure there is a way of adding custom variable values without modifying the core files.
Reference:
https://stackoverflow.com/questions/45651432/bootstrap-4-scss-overrides-not-working
Thanks!
from toucan.
bjammin
commented on June 20, 2024
Also it would be really handy to implement bootstrap-vue as none of the bootstrap javascript components work currently (eg. the nav in mobile mode)
from toucan.
mrellipse
commented on June 20, 2024
ah, it's now vue-bootstrap@4
I didn't expect bootstrap 4 to be in alpha for so long! so I held off adding bootstrap-vue until v4 was official
you asked about making pull requests before ... would you be willing to contribute one for vue-bootstrap? it's a pretty substantial piece of work to ask for, but github can offer you many fake internet points in return ;)
from toucan.
bjammin
commented on June 20, 2024
I'd certainly be willing, but I'm such a noob with vue and the whole webpack process. I'm not even sure which option to use to get started.
If you could point me in the right direction and give me a few notes I'd be happy to have a go.
from toucan.
mrellipse
commented on June 20, 2024
:+1
no guts no glory.
alrighty, i will do some research and drop you an email! webpack can definitely be intimidating at first - but it's basically just a series of input/output pipes. You configure each step in the chain to filter the data inputs, operate on the selected inputs/files, and then produce one (or many) new outputs.
from toucan.
mrellipse
commented on June 20, 2024
hi again!. just thought I would drop you a quick email to let you know i
haven't forgotten about this.
between work, family, kids and commuting, i get a bit time poor.
will try and spend some time on this today - I had a quick look on sunday,
and getting bootstrap-vue integrated with webpack shouldn't be too much of
an ask!
…On Sun, Feb 11, 2018 at 7:41 PM, bjammin ***@***.***> wrote:
I'd certainly be willing, but I'm such a noob with vue and the whole
webpack process. I'm not even sure how to get started
<https://bootstrap-vue.js.org/docs>.
If you could point me in the right direction and give me a few notes I'd
be happy to have a go.
—
You are receiving this because you were assigned.
Reply to this email directly, view it on GitHub
<#18 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AF30XY4fvS39vWOFoyAEpdbRYPlEMG5Iks5tTqeggaJpZM4R3-C_>
.
from toucan.
mrellipse
commented on June 20, 2024
okay, i have done a review, and the following steps should get things
underway
- clone the project from development
- update the ui project dependencies for popper and bootstrap
- add bootstrap-vue to dependencies
- install dependencies
- add 'bootstrap-vue' to the entry point for vendors bundle
(webpack.config.js line 113)
- import and register bootstrap-vue
- debug!
once above is okay, the real work can get underway. that is, redoing the
forms and components to take advantage of model-binding and events exposed
by bootstrap-vue.
the bootstrap/sass compilation should be okay - webpack loaders are already
configured for dev and production builds - so I am pretty confident that
will work 'as is'.
let me know if you have any hassles!
:+1
cheers
…On Wed, Feb 14, 2018 at 8:46 AM, Jamie Webb ***@***.***> wrote:
hi again!. just thought I would drop you a quick email to let you know i
haven't forgotten about this.
between work, family, kids and commuting, i get a bit time poor.
will try and spend some time on this today - I had a quick look on sunday,
and getting bootstrap-vue integrated with webpack shouldn't be too much of
an ask!
On Sun, Feb 11, 2018 at 7:41 PM, bjammin ***@***.***> wrote:
> I'd certainly be willing, but I'm such a noob with vue and the whole
> webpack process. I'm not even sure how to get started
> <https://bootstrap-vue.js.org/docs>.
>
> If you could point me in the right direction and give me a few notes I'd
> be happy to have a go.
>
> —
> You are receiving this because you were assigned.
> Reply to this email directly, view it on GitHub
> <#18 (comment)>,
> or mute the thread
> <https://github.com/notifications/unsubscribe-auth/AF30XY4fvS39vWOFoyAEpdbRYPlEMG5Iks5tTqeggaJpZM4R3-C_>
> .
>
from toucan.
mrellipse
commented on June 20, 2024
i have actually been toying with the idea of breaking change - to provide support for a small selection of UI frameworks, when you using the yeoman generator for scaffolding (probably html5 boilerplate, bootstrap, material)
it would be a pretty big piece of work - will see how much energy i have in coming weeks :)
from toucan.
mrellipse
commented on June 20, 2024
superceded by plans for v3 release. no longer current issue.
from toucan.
Related Issues (20)
- Application payload Error. HOT 2
- "vue-i18n/types/index" has no exported member 'LocaleMessageObject' HOT 2
- Please do some updates HOT 4
- Issue on running on Ubuntu HOT 7
- Unit Testing Stubs for Vue Components HOT 2
- Alternate Layout HOT 1
- Triggering of Verification Process HOT 1
- Date Binding for Vue Components HOT 2
- Audit Logging Stubs HOT 1
- Expired verifications causes primary key conflict when attempting to verify HOT 3
- External auth fails with "invalid nonce" depending on server timezone HOT 1
- Sliding expiration HOT 6
- Installation failed HOT 2
- Suggestion HOT 1
- Route Guards HOT 1
- TimeZone Serialization Issue HOT 2
- An unhandled exception
- need some updates HOT 2
- CSRF and JWT
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 toucan.