By rsouth90 on

I have quite a complex static HTML site that is built with Twitter Bootstrap and was hoping to get some tips in terms of the best route to build the site and theme in Drupal.

My original plan was to build a custom theme from scratch and just add my existing HTML to the page.tpl.php and add Drupal's dynamic PHP tags. I have also seen there is a Bootstrap theme but I'm not sure whether it would be easily adapted to my needs. The site follows a strict HTML structure that needs to stay in place for the it's responsive design to work.

It would be great to get some advice from anyone who has had experience converting a bootstrap built site to a Drupal theme.

⋅ Categories: Drupal 7.x

Comments

mokteh08’s picture

mokteh08
Mr
Primary language English
Location London
commented

Recently I had a client for whom I had to convert a html5 kick start theme into drupal 7 theme, these the following steps I have taken

1. I used bartik as base them
2. copied js css style folder to main folder
3. rename the themename.info file and add latest version of jquery to .info file
4. copy the style.css to styles.css uploaded the files to server and applied it as base theme
5. clear cache and you should see your new theme.

all the common html elements should look as you intended in regards to certain parts of the theme such as slideshow icons or order unordered list you either can write from scratch or just change the class.

By the way project is http://datingsitesreviews4u.com/ so you can have look

Let me know if its help

Jeff Burnz’s picture

Jeff Burnz commented

Theres two basic methods:

1) Modify Drupal markup to suit your existing CSS selectors

2) Modify your CSS to suit Drupals markup (or starter theme etc).

The first can require epic amounts of template and theme function overrides. I assume you are going to use Drupals node, field, block and menu systems etc.

The second is arguably easier. It's common to do a bit of both.

It entirely depends on the design, requirements etc, very hard to give solid advice without seeing the static html version.

Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.