Summary: Talk page for TwitterBootstrap.
Maintainer: gambhiro, MichaelPaulukonis
Users: +3 (View / Edit)

This space is for User-contributed commentary and notes. Please include your name and a date along with your comment.

I moved this from the cookbook; haven't tried it, but hope to soon. MichaelPaulukonis May 07, 2013, at 10:50 AM

I've started working with the "theme", and realized it's an entire wiki "setup kit" (based on pre-packaged version of pmwiki). I've tested separating out the theme files, and they seem to work. I will be packaging those up separately for the theme. I also plan on updating the setup-kit package. I have working notes @ http://www.xradiograph.com/WebDevelopment/PmWikiBootstrap MichaelPaulukonis May 10, 2013, at 08:26 AM


Hi, Michael! I started down a similar path, with my effort at github. I've followed the scheme I used on MouseSkin, utilizing wiki pages to fill in the page elements. Take a look at http://wiki.tamaratemple.com/ and see what you think. Maybe we can converge at some point? – tamouse June 16, 2013, at 11:57 AM


@tamouse - Integration sounds great. I have a set of included skin pages, but hadn't thought ahead to page actions, etc. Good call. I've taken a week off from development -- I ran into some issues with getting a nav-dropdown list working from a pagelist, and am not sure how to approach a lot of other javascript-based bootstrap functionality which requires data- tags on arbitrary elements; data- tags can be applied to divs since 2.2.43, but not to arbitrary elements, it seems. And I haven't seen an easy way through updating stdmarkup.php MichaelPaulukonis June 16, 2013, at 03:50 PM

Hello,

It looks great. It is great. I think PmWiki should provide such a responsive theme as default because it looks much better than the current one, especially for mobile devices. Yet, I have some remarks: - There is a little problem when you resize the window (and for handhelds), when you expand the button, the menu will cover the search field. I managed to make the search stay above with this code in the screen.css: (close to this part:) @media (max-width: 979px) {

add:

.pull-right { position:relative;

  float: right;
  z-index:10;

}

- The config.php considers we put the website at the root, which is not always the case. When I develop, I don't have my websites in http://localhost but in http://localhost/pmwiki/ for example. It can be easily fixed, and maybe you can't do otherwise because of the cache cookbook, but this behavior differs from vanilla pmwiki which just work from any folder you put it in.

- I don't know what is the use of the sass folder. Maybe it's when you want to customise the whole bootstrap/compass thing?

- The config.php talks about "epubview" but I don't know how to use it, or if it's already enabled.

- Several folders are spread everywhere (pub/images pub/javascripts pub/skins/bootstrap-fluid/ pub/css), while it's not really a problem, I prefered to gather some of them at the same place because for me bootstrap is just another skin.

You can find my current modifications here:

https://code.google.com/p/pmwiki-efo/source/detail?r=df3648cd64365e4fe92e3ccc2adbea89fc2c5627

I'll look further at your modification, especially at urlify.

Hmm, I see now my remarks are about https://github.com/gambhiro/pmwiki-kit-bootstrap-compass and I didn't notice you made further developments at https://github.com/MichaelPaulukonis/pmwiki-bootstrap-skin. I'll take a look at that too.

@tamouse I've looked at your website, but I noticed there is a problem with the responsive part, when you resize the window it looks odd.

farvardin October 23, 2013

@farvardin - Thanks for the feedback. Documentation on this skin is pretty poor-- something on my TODO list. I'll certainly work better on clarifying the distinction from the Bootstrap "kit" (the sample screenshot doesn't help any!). I'm still working on enhancing the skin, but development has been slow the last couple of months. My biggest blocker is the use of arbitrary data- attributes used for so many Bootstrap elements.

If you would like to put your fix for the search-box into a github pull-request, I'd be happy to test and integrate! MichaelPaulukonis October 23, 2013, at 10:03 AM

@MichaelPaulukonis: ok, I've sent a pull-request. The bootstrap thing is quite complicated to use and not easy to customise, but it's a must-have for pmwiki. - farvardin November 11, 2013


@MichaelPaulukonis I pulled a zip from your Github. This skin is great. Good work! I dabbled a bit with CSS to build a responsive skin myself, but I always see others have advanced much further. I would also like PmWiki to have a responsive default skin and this definitively would be a good candidate.

I have one question. Seeing your screenshot on twitterBootstrap it contains the horizontal NavBar on the Nav-element. However when I use TwitterBootstrip skin on my site its Nav-part doesn't show it there. How can I add the Site/NavBar on the Nav-part of the Bootstrap-skin? Thanks PaulWiegmans

Oh, I already found it! It must be in $SiteGroup.BootstrapSiteHeader

Talk page for the TwitterBootstrap recipe (users).