News

By Tatiana Josephy, July 31, 2013

The CrowdFlower Platform, Now with Twitter Bootstrap

Our platform customers use CrowdFlower Markup Language (CML) to build highly custom crowdsourcing jobs.

Now, we’ve made it even easier to build beautiful, custom jobs by integrating our CML job editor with Twitter’s Bootstrap Framework.

 

 

This is a Content Creation job that uses Bootstrap extensively:

Screen Shot 2013-07-30 at 4.39.40 PM

And here’s the same job, with Bootstrap elements called out:

bootstrap

 

How to add the Grid Layout and Button:

Start by reading up on Bootstrap’s Grid System and Buttons. Then, it’s as simple as referencing these Bootstrap elements in your CML.
btn

How to add the Icons:

No surprises here. It all starts with the Bootstrap Docs on icons.
icon

How to add the Popovers:

Everything’s been simple so far, right? Now things gets a bit more complicated with the popovers.

The CML is simple:
Screen Shot 2013-07-31 at 10.59.02 AM
The tricky part comes in with the Javascript. Here’s what you’ll need to include in the Javascript section of the job editor:
Screen Shot 2013-07-31 at 10.28.05 AM

This is a small set of what’s possible with Bootstrap integration. We hope you enjoy these new tools, and we’d love hear from you if you build jobs that use Bootstrap in an exciting way.