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.
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.
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.
good luck homeboy...let me know if you need any help
Thanks man! I'm going to figure it out and when I do, I'm going to be very proud of myself. This will be some of the most extensive work I have done and I want to attempt to attack it to show you guys that I have been learning in all the time I have been here learning the basics of html.
There is one question I have, do I check all of the boxes in the download. Making sure I that part right so I can replace it before I continue to puzzle.
I ran across this site that allows you to design it live http://www.boottheme.com/#generatetheme?id=1359787337058.277002 <That's my design so far.
Here are a TON of other Bootstrap resources which may be of help
Houston we have a problem.
I know did all the coding right including inputting the links to the bootstrap.min.css and bootstrap-responsive.min.css and my code still the html page didn't come as I did in the design process.
I put the files below so that you could see them.
Here are the links of the css files uploaded:
I will continue to investigate what I did wrong. Still not quite sure.
it looks to me like you do not have your CSS files loaded into your PUBLIC folder on dropbox.. you will want to creat a folder inside the public folder call it bootstrap then have two folders inside that folder for CSS and JS and put the files inside there..now when inside Windows Explorer, Dropbox>Public>Bootstrap>CSS right click on the file and where it says Dropbox, hover and choose copy public link that's the link you should plug into the head of those pages..
Once I changed the links in the html doc with the new ones from Dropbox it distorted the design. https://www.dropbox.com/sh/gzsnm6s9cyiw3g8/zYYiOn6sf6
i suppose this post was forecasting the future