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

Zachary Moonshine replied to Luke Jones's discussion I NEED!! to make money from my website soon
"than again i totally wouldnt feel right charging membership for what we can offer using ning 3 at t…"
45 minutes ago
Zachary Moonshine replied to Luke Jones's discussion I NEED!! to make money from my website soon
"i don't think we can charge for membership on 3 unless its a new box to check that i have not seen…"
58 minutes ago
Kos replied to John Bizley's discussion Another Variation Of My Clean Type Photo Page
"I haven't had time to comment but this is slick John.  Great job!  Found your code here http://thet…"
1 hour ago
Zachary Moonshine replied to Dan "JR" Goodman's discussion 3.0 vs 2.0
"plus being that it is a 3rd party chat that is actually iframed onto the ning3 site i think it has…"
2 hours ago
Zachary Moonshine replied to Dan "JR" Goodman's discussion 3.0 vs 2.0
"yes i use chatwing and it is great and that is the page that 90% of my traffic go to but is not for…"
2 hours ago
Kos replied to Dan "JR" Goodman's discussion 3.0 vs 2.0
"Chat though can be added using a 3rd party; as many things can."
3 hours ago
Zachary Moonshine replied to Dan "JR" Goodman's discussion 3.0 vs 2.0
"NING 3 looks great on mobile devices and the Blogs and forums is where it shines but it has no chat…"
4 hours ago
Zachary Moonshine replied to Mary Jane Peterson's discussion Power by ning
"Don't listen to me i still haven't had my coffee this morning on a more positive note i wonder is i…"
4 hours ago
Zachary Moonshine replied to FedMedic's discussion Sliders anyone?
"I am using Powr for free on my 3.0 site and it works great too also looks great and fast on mobile…"
4 hours ago
Zachary Moonshine replied to Mary Jane Peterson's discussion Power by ning
"I say screw em they don't care about you why care about them, what are they really gonna do stop ta…"
4 hours ago
Vander NG replied to Ning's discussion Update to Product Roadmap and Communication Changes
"I have been using Ning for 6 years, and yes, I love Ning from my day one, especially the support fr…"
18 hours ago
Kos replied to FedMedic's discussion Sliders anyone?
"POWR is cool, even the free. Diff sizes, diff. fonts, diff. displays and location...........etc."
yesterday
Fire-Tech replied to FedMedic's discussion Sliders anyone?
"Yeah, I know all too well my friend :)"
yesterday
FedMedic replied to FedMedic's discussion Sliders anyone?
"I just got back on here to read the suggestions. I'll let you know when I try Fire-Tech's suggestio…"
yesterday
FedMedic replied to FedMedic's discussion Sliders anyone?
"Hi Fire-Tech, I removed the code. Sorry it took me so long to get back here. Being in the fire busi…"
yesterday
Luke Jones replied to Luke Jones's discussion My member's can't use the Emoji's when their using their phones
"Ah right,will check then,thanks Kos :)"
yesterday
Kos replied to Luke Jones's discussion My member's can't use the Emoji's when their using their phones
"I would check w/them, then a/b mobile."
yesterday
Luke Jones replied to Luke Jones's discussion My member's can't use the Emoji's when their using their phones
"Thanks Kos :) I have comet chat, but I mean't when people are writing a private message and on comm…"
yesterday
Kos replied to Luke Jones's discussion My member's can't use the Emoji's when their using their phones
"I use "Cometchat" and while members have to manually type it in, they work.  idk a/b Chatabox.  Sor…"
yesterday
Rowald replied to Luke Jones's discussion Ning have finally got back to me!!! Lets throw a party :P
"We can not judge something is good from one perspective."
yesterday
More…