Bootstrap Implementation

[Anonymous]

Can anyone tell me if:

1. Its possible to implement bootstrap within the Marketo platform?
2. Is this a solution to create responsive landing page templates in Marketo?
3. If it does work, is it inutative for users to  customize these templates?

Thank you!

[Matt_Stone2]

It IS possible to implement bootstrap. I haven't personally done it, but I have implemented Foundations, which is a similar responsive framework.

That being said, I implemented it in a way that I am not making use of the landing page editor anymore. Basically, my template loads up the framework and then I just drop an HTML item on the actual page and put everything else in there. There's several drawbacks to this method, but I prefer it since it gives me more flexibility than the alternative.

There's ways to make responsive templates and still use the WYSIWYG editor, but I find it's more trouble than it's worth.

[Anonymous]

I'm using a similar situation, so: 

1. Yes
2. Yes
3. Not really. 

The landing page editor is now simply used to add the form to the page, and a Rich Text Token powers the content of the page. Each page has to have it's own program (if you only want to have one template).

Here's an example of one of my pages: http://go.servicetrade.com/FeatureVideo-FieldInvoicing.html

[Anonymous]

It's possible.

Bootstrap is just a framework composed of HTML, CSS, and JavaScript that let's web developers build things faster. Bootstrap is responsive by default. 

Personally, I am a fan of Bootstrap because of its grid system that makes page layouts simple. 

[Anonymous]

But, how do we access the bootstrap library?  Do we download the css and js files into the design studio to reference it?  Sorry if that's a dumb question, but I would not know how to install it on our Marketo server otherwise...

Thanks!

[Matt_Stone2]

You can definitely download the library and put it on Marketo to host. Alternatively, you can use a bootstrap CDN: http://www.bootstrapcdn.com/

[Anonymous]

To load the Bootstrap library, go to the HTML editor in design studio, and include this link above </head> on the page. 

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">