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

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 Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
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.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Rosas † Negras replied to Bizz's discussion
NING ISSUE WITH SIGN UP FORM
"I'm not sure if it has been fixed ... I have yet to try ... can I add the codes now my dear friend?"
7 hours ago
Rosas † Negras replied to Bizz's discussion
Playing Videos In Activity Feed Tip
"Thanks Bizz!"
7 hours ago
Anam replied to Anastasia_Ning_Support's discussion
Recommended DNS settings notice
"When I go to Godaddy where I have bought a site name the DNS settings for registrar do not look lik…"
15 hours ago
Cindy Dean Mccoy replied to Anastasia_Ning_Support's discussion
Recommended DNS settings notice
"I do not think so.  That is getting beyond my techy abilities.  The way I read the email, it would…"
17 hours ago
Nat updated their profile
18 hours ago
Anam replied to Anastasia_Ning_Support's discussion
Recommended DNS settings notice
"Thank you. 
Is Ning saying they or we are vulberable to DOS attacks if we stay with Ning in site na…"
19 hours ago
Cindy Dean Mccoy replied to Anastasia_Ning_Support's discussion
Recommended DNS settings notice
"It has to do with using a URL for your social network that is not the same as the URL of your netwo…"
yesterday
Anam replied to Anastasia_Ning_Support's discussion
Recommended DNS settings notice
"I honestly do not know what this post means."
yesterday
Rosas † Negras updated their profile
yesterday
⚡JFarrow⌁ replied to Jan Homan's discussion
Creating videoheader?
"I have a few things i can do or you can do... here are a couple of examples
Example 1
Example 2
Exa…"
Sunday
Jan Homan replied to Jan Homan's discussion
Creating videoheader?
"Yes, I want to use a youtube video!"
Friday
Rosas † Negras replied to ⚡JFarrow⌁'s discussion
Simple Tip N3: How to Move your Group Description/Follow Box
"thank you very much you have been very kind"
Friday
More…

Meanwhile, you can check our social media channels