Current status of the Ning Platform is always available on the Ning Status Blog.

Forum

NC for Hire

So i've been playing around with the Twitter Bootstrap framework, building new responsive pages for home, about network and otherwise.  I just wanted to open a discussion regarding the possibilities of using Bootstrap in hope of discovering (or creating) new ways to further integrate them within the Ning system.  Before we go any further, I'll admit that I haven't quite got it perfect yet, thus my reasoning behind posting this discussion.  I am interested to hear back from any other NCs who might  have experimented with Bootstrap as I cannot find any discussions on the creators forum regarding bootstrap.

Extending Ning With Bootstrap

The possibilities for extending Ning with bootstrap seem endless, using the file manager a bit of hard work and imagination.  Here are a couple of new clean pages that I made for my network using Twitter Bootstrap.
View New Home PageExample:

View New About PageExample:

Twitter bootstrap also built using LESS for CSS, so I am optimistic about being able to (eventually) fully integrate bootstrap into my entire network, thus allowing me to have features to pull in member profile data, extend the capabilities of my network.

 Tips

You can customize your bootstrap download to match the color scheme of your network here.

If you are interested in practicing with the same intentions, I will give you a tip.  Download the bootstrap folder and place it into your Public Dropbox folderto make changes as you see fit and when you have it the way you like it, then upload it to your network to save a lot of headaches.

If you are interested in discussing my experiments with twitter bootstrap or are in need of some help with your own network, connect with me from my profile on creators and don't be shy.

You need to be a member of Ning Creators Network to add comments!

Join Ning Creators Network

Email me when people reply –

Replies

  • Just not sure what it is and how to utilize it....

    • NC for Hire

      if you have any questions, let me know.

    • NC for Hire

      perhaps I should explain a bit

      Twitter Bootstrap is a toolkit created by Twitter for kickstarting CSS when developing websites.

      It is built with Less and consists of base CSS + HTML for typography, forms, buttons, tables, grids, navigation, and some more.

      The grid provided is 940px wide 16-column and, for the layouts, there are solutions for both fixed + fluid ones.

      Twitter Bootstrap

      Twitter Bootstrap's HTML elements have a plain-yet-elegant style where form inputs get a nice box-shadow on focus or table rows being highlighted.

      The kit also includes other stuff like popovers, alerts, tabs and pagination which all use semantic XHTML.

      It is actually built with Preboot, an open-source pack of mixins and variables to be used with Less and, for anyone willing to use it with Less rather than the static CSS, a detailed how-to is provided.

  • I think this is a great idea! I look forward to seeing what you are doing.  We will be upgrading our main site using bootstrap so it would be great if we can use this with the Social Network.

  • nice post thanks for sharing..and explaining

    • Wow!  Yeah, what Solo said.

  • This reply was deleted.
  • I'm going to try to put myself to the test

This reply was deleted.

Search the Creators Network

Latest Activity

Mary Jane Peterson replied to Mary Jane Peterson's discussion Fatal error: please help
"Hi John Bizley 

thank you so much :D"
3 hours ago
Luke Jones replied to Luke Jones's discussion Comet chat are genuinely awesome
"Yep :) , it is aha :) O don't forget comet chat are having the apps in 3 weeks time so you can have…"
7 hours ago
Kwan Yin replied to Luke Jones's discussion Comet chat are genuinely awesome
"Yes, I'm planning to get the highest package as well, video & audio chat in HD sounds fantastic!
My…"
7 hours ago
Leyda Ramirez replied to Lorenzo M. Oliver's discussion Problemas con la visualización de las imágenes in Ning Networks en español
"Gracias! Me funcionó perfecto"
7 hours ago
Luke Jones replied to Luke Jones's discussion Comet chat are genuinely awesome
":) awesome :) ah right :) Aha :) , Your absolutely right, comet chat are Fantastic :) I'm going be…"
7 hours ago
Kwan Yin replied to Luke Jones's discussion Comet chat are genuinely awesome
"Thanks for the tip! I'm currently doing a revamp of my Ning 3.0 site and I'm going to add CometChat…"
7 hours ago
John Bizley replied to John Bizley's discussion Brand New Facebook Style Photo's page. CODE NOW AVAILABLE
"Thanks George and your most welcome for the codes. I agree it probably could be compiled better, I…"
10 hours ago
George H. Compton IV replied to George H. Compton IV's discussion A tip all Ning3 networks can benefit from. "fluid YouTube, Slideshare & Vimeo Videos"
"That sounds sweet John, keep up the awesome work :-)And thank you for the compliment. :)"
11 hours ago
George H. Compton IV replied to John Bizley's discussion Brand New Facebook Style Photo's page. CODE NOW AVAILABLE
"Good morning John. :-) This is beautiful, thank you for sharing the codes.  I'm still planning on p…"
11 hours ago
John Bizley replied to John Bizley's discussion Brand New Facebook Style Photo's page. CODE NOW AVAILABLE
"Your most welcome and thankyou :-)"
11 hours ago
Edie2k2 replied to John Bizley's discussion Brand New Facebook Style Photo's page. CODE NOW AVAILABLE
"You are a dear, dear man John. Thank you!!"
23 hours ago
John Bizley replied to George H. Compton IV's discussion A tip all Ning3 networks can benefit from. "fluid YouTube, Slideshare & Vimeo Videos"
"This is a really great piece of code for your videos, I had it on an old site but now am using it f…"
23 hours ago
George H. Compton IV replied to George H. Compton IV's discussion (TIP N3) Fluid network enhancements for your profileCoverArea img, network header img, group Header image & Social Channels player
"Update 5-23-15, My Fluid Social Channels Video player now sports VIMEO
Sorry I didn't add VIMEO ear…"
yesterday
John Bizley replied to John Bizley's discussion Brand New Facebook Style Photo's page. CODE NOW AVAILABLE
"After a lot of testing all the code and setup for this is now available. It will work accross all t…"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Update I added a version for Ning 3.0.. This code does not affect Nings mobile sub-tab arrows."
yesterday
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Thank you Dave, you're so very welcome. :-)"
yesterday
dave replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Thanks George for sharing this Tip, they work and look great :-) very nice piece of code :-) You've…"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Thank you for the compliment JFarrow. :)"
yesterday
JFarrow replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"sweet work and great idea George!"
Saturday
Luke Jones replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
":) that's fair enough aha :)I'm going stick with testing it on scratchpad for now,until I have more…"
Friday
More…