1 nickelas Aug 17, 2014 12:11
3 nickelas Aug 17, 2014 14:44
Ok, no problem. I was just curious so downloaded the 5.1.1 and uploaded the skin to 5.0.9.
Great that its bs 3!
4 drherz Dec 12, 2014 01:50
Which ones are they? I am using Asevo right now on version 5.1.2 and it isn't readable on small screens. Though I like Asevo, I'm not attached to it, and would happily adopt something else if all comers could read it. I wanted to call bootstrap's style sheet from Asevo, but I couldn't figure out where to call it from. Would an @import url( https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css); work?
But then I am still not a master at bootstrap; so even after the import, I've got a steep learning curve before I get Asevo to respond as I want. I'd just as soon use something ready made; so I can get on to the reason I am here.
5 mgsolipa Dec 12, 2014 19:30
Hi @drherz,
Importing an external CSS won't make the trick by its own, you need your HTML prepared to work with it. For example, the responsiveness in bootstrap is given by its grid layout (http://getbootstrap.com/css/#grid). So, you will need your output code structured in a particular way. i.e.:
<div class="container-fluid">
<div class="row">
<div class="col-md-8">.col-md-8</div>
<div class="col-md-4">.col-md-4</div>
</div>
</div>
You must make a decision about which is the shorter / easier way, modifying the built-in bootstrap skin and make it look like your current Asevo ( http://skins.b2evolution.net/bootstrap-skin ), or hack your Asevo to take advantage of some features given by bootstrap. I would suggest to take the former.
Regards!
6 drherz Jan 20, 2015 13:21
Thanks a lot by the way. I'm dithering with the bootstrap theme these days. Today my problem is the logo. I tried to upload one and it worked. On the option in the widget, it asks me if I'd like to choose a css class, I tried putting in img-responsive and "img-responsive." For some reason, the image didn't respond.
Then I created a style.css in the media folder, with the following in it:
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
I pulled that language from a bootstrap installation I use elsewhere. It didn't work either. Any ideas??
7 tilqicom Feb 06, 2015 20:39
What do you mean by "It didn't work" ? If you need your logo to scale, it has to have wrapper (a div with limited width) around it. You cant put it in a 100% <div> and expect it to scale. Try adding "col-md-2 img-responsive" or summat in your css class box for the logo widget
Thanks a lot by the way. I'm dithering with the bootstrap theme these days. Today my problem is the logo. I tried to upload one and it worked. On the option in the widget, it asks me if I'd like to choose a css class, I tried putting in img-responsive and "img-responsive." For some reason, the image didn't respond.
Then I created a style.css in the media folder, with the following in it:
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}I pulled that language from a bootstrap installation I use elsewhere. It didn't work either. Any ideas??
Hello @nickelas,
The fron and back-office bootstrap-based (version 3.0.0) skins are already available and included in the 5.1.1 release. Sadly, it's only supported from that version. Maybe it could be easily backported, but there are no plans to do it officialy in the near future.
Regards!