Jump to content


Photo
- - - - -

Simple questions about: Twitter Bootstrap, Font Awesome, LESS


Best Answer Danny , 18 March 2013 - 07:45 AM

I don't really understand what you're trying to do. Are you wanting to use the Accordion as a menu ?

If this is the case, I recommend you contact one of our Pros, as this goes beyond the support we can provide here in the forums.

 

http://www.pagelines.com/pros/

Go to the full post


  • Please log in to reply
9 replies to this topic

#1 Willem-Siebe Spoelstra

Willem-Siebe Spoelstra

    Super Member

  • Members
  • 228 posts
  • LocationAlmere
  • Country: Country Flag

Posted 14 March 2013 - 04:11 PM

Hi,

 

You explain something about Mixins/LESS here: 

Please Login or Register to see this Hidden Content

.

Am I right Mixins has nothing to do with Twitter Bootstrap Library?

 

Mixins is something made possible by LESS right?

Mixins allow you to embed all the properties of a class into another class by simply including the class name as one of its properties. It’s just like variables, but for whole classes. Mixins can also behave like functions, and take arguments, as seen in the example below.

 

But you also integrated Twitter Bootstrap Library into Pagelines. What I think I figured out right now, is that all the nice Twitter Bootstrap stuff > Pagelines made MIXINS of it....

Am I right?

 

Because I found out today this is also working (and this is same behaviour like MIXIN):

 

Please Login or Register to see this Hidden Content

 

An other question I have is about the Icons. What is the difference between the icons I see on the Twitter Bootstrap Page and the Font Awesome page?

And why is Pagelines using 'em' instead of 'i' what I see on Twitter Bootstrap and Font Awesome page?

 

 

The new icon font system in PageLines 2.3 makes adding icons to elements easier than ever before. The best part is that its fully backwards compatible with the existing icons found in Bootstrap.

Please Login or Register to see this Hidden Content

 

Hope to hear from you soon.


Kind regards,

 

Willem

 



#2 beardedavenger

beardedavenger

    Unicorn Wrangler

  • Members

  • 1219 posts
  • Country: Country Flag

Posted 14 March 2013 - 05:23 PM

Mixins come in 2 shapes and sizes, regular mixins, and parametric mixins. Parametric mixins are like  .img-polaroid, and you can either use it as a class, or embed it into a css rule. Mixins is a LESS thing, and Boostrap uses plenty of mixins (thus so does PageLines).

 

The icons in core, are part of Font Awesome. Boostraps Icons, are actually images. They are no longer used.

 

More on LESS if you're interested:

Please Login or Register to see this Hidden Content



#3 Willem-Siebe Spoelstra

Willem-Siebe Spoelstra

    Super Member

  • Members
  • 228 posts
  • LocationAlmere
  • Country: Country Flag

Posted 14 March 2013 - 11:16 PM

For sure I'm going to read that to have all clear to me!

 

Question, do you have any expercience with creating a vertical menu with Twitter Bootstrap.

I would like to have this effect in my menu: 

Please Login or Register to see this Hidden Content

 

Ofcourse where you can put the content I can put en list (ul) but I have to do this manually...

Do you have an idea what is less time consuming?

 

I made it possible to add php in my text widget and I addes:

 

Please Login or Register to see this Hidden Content

 

on the 'context' place... but this ads only the first menu and I don't know how to call a specific menu into the widget. In that way I can make 5 menu's for all the subpages...

 

Kind regards,

 

Willem



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 15 March 2013 - 04:09 AM

Hi Willem

 

You can copy and paste the html from twitter bootstrap directly into the framework. As bootstrap is already integrated into the framework with the required code and js files. Just paste in the html and it will work, this is with exception of the navbar masthead which have been edited into pagelines sections. All other bootstrap code should work fine.

 

I wouldn't know the answer the to php related question unfortunately, that's outside of our support spectrum. But we'll leave this thread open and maybe another user or developer will be able to advise on that further :-)



#5 CliffordP

CliffordP

    Advocate

  • Members


  • 474 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 17 March 2013 - 08:17 PM

Willem,

 

These 2 store products might help with what you're asking about:

 

Please Login or Register to see this Hidden Content

(I am the seller)

and

Please Login or Register to see this Hidden Content

(I am not the seller)



#6 Willem-Siebe Spoelstra

Willem-Siebe Spoelstra

    Super Member

  • Members
  • 228 posts
  • LocationAlmere
  • Country: Country Flag

Posted 17 March 2013 - 09:33 PM

Hi, thanks for all the advise. 

 

If I tried to apply the code for 'collapse' - the effect I want in my vertical menu - it looks like it doesn't fit the menu of WordPress.

 

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

 

The last div with class="accordion-inner" needs to hold all the inner content, but that is where all the sub 'li' from the menu starts, so I really don't know how to achieve a vertical menu based on twitter bootstrap.

 

Kind regards,

 

Willem



#7 Willem-Siebe Spoelstra

Willem-Siebe Spoelstra

    Super Member

  • Members
  • 228 posts
  • LocationAlmere
  • Country: Country Flag

Posted 17 March 2013 - 10:04 PM

Hi, well I still want to know if I can make something like that above, but I found a wonderfull plugin called 

Please Login or Register to see this Hidden Content

.

 

This is based on Jquery, nothing wrong with that I guess?

 

Kind regards,

 

 

Willem



#8 CliffordP

CliffordP

    Advocate

  • Members


  • 474 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 17 March 2013 - 10:39 PM

To your question about making a vertical nav with bootstrap...

 

Check this out: 

Please Login or Register to see this Hidden Content

 

That jQuery menu plugin you linked to is fine too (disclaimer: never used it before)... since Bootstrap's uses script too, not just CSS.



#9 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 18 March 2013 - 07:45 AM   Best Answer

I don't really understand what you're trying to do. Are you wanting to use the Accordion as a menu ?

If this is the case, I recommend you contact one of our Pros, as this goes beyond the support we can provide here in the forums.

 

Please Login or Register to see this Hidden Content



#10 Willem-Siebe Spoelstra

Willem-Siebe Spoelstra

    Super Member

  • Members
  • 228 posts
  • LocationAlmere
  • Country: Country Flag

Posted 18 March 2013 - 08:42 AM

Hi , thats what i'm trying.
Thanks for the pro link.

Willem