I have recently started to develop a website using Django CMS. Everything is going perfectly fine apart from the broken grid system whilst using Alrdyn Bootstrap.
All other components seem to be working fine, but the grid system will not comply with the settings I am inputting within the CMS, for example.
If I state col-lg-4 col-xs-6 within a class, the component will comply with the first class only, and will not shrink when in mobile.
If anyone has any insight I'd very much appreciate it.
We have never experienced issues with the class output. It might be a misconfiguration on the frontend setup eventually.
Is it working when you try to mock the markup in your project rather than using the addon?
thanks for your feedback. It was actually an error on my part. I was not up to date with the new Bootstrap 4 CSS. col-xs-x is now not part of their styling, it is now just col-x
Related
I have tried a django/react app as well as a base react app made using the create-react-app command. Both end up breaking in one way or another. For instance, the align-items tag does nothing (tried center, right, left). On my django/react app I have a header that loads perfectly on chrome but all I see is a background color on edge.
Maybe you should try adding display:flex so that the align-items property works.And for different browser testing try the webkit rule so that it is stable across all browsers.
See if it helps. Thank You
I'm going to be honest, I went and reloaded the server (have not changed anything since my posting) and it's working completely fine now. I was looking for errors but I dont see any. To clarify, I was having issues with displaying CSS correctly in a react app. Even using the baseline create-react-app and using a align-items property would not function at all in Edge, but would in chrome. Thanks to all who tried to help; hopefully this was a weird one-off.
I am working on an app that uses Django + Dojo. I want the UX to have awesome fonts, bootswatch kind of themes for example https://bootswatch.com/3/cosmo/
The entire app is going to be written in python and want to understand how I can ensure I get the modern look interface rather than the arcane Microsoft UI like feel some of the older dojo widgets spit out.
I finally decided not to go with Dojo which was too heavyweight to upload into AppEngine and dependencies it pulls 7K+ files.
Instead I donwloaded a bootstrap template, css, javascript etc, and blended that with a plan django and it works awesome!
I have posted a sample of how I did this if you are curious.
https://github.com/suramakr/django-playground/tree/master/locallibrary
I am a newbie web developer tasked with creating a website for a client in the art industry. I've decided to roll with Mezzanine + Cartridge for the project as it seems like an accessible way to get started. I now have the server up and running with no issues, but obviously can't use the default Mezzanine theme for such a project.
I'm finding that theres a highly limited amount of themes available online for Mezzanine, and that there are a lot more Bootstrap themes available floating around. Is there a way I could use the two together? Ie the UI/front end being a Bootstrap theme while still maintaining the functionality of Mezz/Cartridge?
If so, how would I go about doing this? Not expecting a step by step guide, but any advice/guidance would be highly appreciated. Like I said, I'm incredibly new to this (first website ever!) so if I'm misunderstanding something, please let me know. Thank you for your time.
You'll override the base template as the starting point for customizing the look of everything. In there you'll find the stylesheets for bootstrap used, which you can modify/replace/etc.
https://github.com/stephenmcd/mezzanine/blob/32dc38778d296f508a23b729de04a02075994df5/mezzanine/core/templates/base.html#L18-L32
and thank you ahead of time. I have recently changed the emberjs dependency in my application to 1.0.0pre, and am having trouble with views rendering. I tried downloading from emberjs/examples on github seeing as how the latest commit was for switching to 1.0.0pre.
When I tried opening the applications, I noticed handlebars wasn't referenced, but after fixing that all the applications have the same problem I had: Rendering Views yielded empty containers and the console was silent (on my application even the console.trace() int he development build of ember didn't help while the rest of the console was silent).
I was wondering if anyone knows any working examples I could look at for ArrayControllers and/or CollectionViews on ember 1.0 pre so that I could use that as reference.
I don't have enough reputation to vote up on answers, but thank you for taking the time to help.
See Handlebars action helper works in EmberJS 0.9.8.1, but not Ember 1.0 Pre
Make sure you have the absolute latest handlebars from https://github.com/wycats/handlebars.js/downloads
I just started using Ember.js recently and I love the functionality. I'm wondering which UI toolkit you might be using to tie into design side of your applications.
For Bootstrap integration with Ember, take a look at this project I started two days ago:
https://github.com/ember-addons/bootstrap-for-ember
It really fun and easy to use and lightly integrate bootstrap and ember components altogether.
Personaly, I am using Twitter's bootstrap library, which is quite low level, but pretty clean.
Twitter Bootstrap is my preffered choice when it comes to UI especially when prototyping something quickly, recently i have started to use EmberJS and have looked into this as well. So far i have found https://github.com/emberjs-addons/ember-bootstrap
I will update this as my search continues.
Hope this helps with your project!
Twitter bootstrap is a great UI frameworks no doubts but I feel it is too mainstream these days. Hence my personal preference is Metro UI CSS, it's sleek and great for developing mobile applications using HTML5
I am just starting with emberjs also. Actually I use JQMobile. But I have some issues with it. As I want have a Mobile look and feel, I will try more.
But even if have not use bootstrap with EmberJs I think it will be easier to use as it's only css.
With a UI toolkit that use JavaScript and is owns attributs(exemple : data-role="List"... with JQuery Mobile) you can have rendering issues. I think this is because that Metamorphose/Handlebars and JQuery Mobile both modify the DOM on the fly and it can be tricky to get all work right.
But I am not a EmberJs or JQ Mobile Guru :-)
Sorry for my english, it isn't my mother tongue.
Just one Question .. what is a OSS framework and do you have the links on GitUb
This maybe old but I've used this addon on over 5 projects so far with great success. The project is well maintained and flexible. The maintainer is active and takes pull requests efficiently.
http://kaliber5.github.io/ember-bootstrap/
Disclaimer: I am not officiated with this project beyond that of an end consumer.
You could have a look at Ember Paper if you like Google Material:
http://miguelcobain.github.io/ember-paper/