[Drupal] How to create Bootstrap subtheme in Drupal 7?
https://www.zyxware.com/sites/default/files/styles/user_image/public/default_images/index.png?itok=2YmREnrP
BY aby.va
4 years ago
Drupal
0 comments comment

Now all themes are in responsive manner. Bootstrap is the one of the best responsive theme. Its the good starter theme for Drupal 7. It has a lots of specific styles for every designs and we can create a subtheme from Bootstrap theme. It also become a good responsive theme.

Steps for create a bootstrap subtheme :

  • Get Bootstrap Theme
    1. Download Drupal Bootstrap theme. Then download bootstrap and package extract/upload to your sites/all/themes in drupal 7. We need this to set up the subtheme. There is no need to activate the theme.
    2. Download/Enable jQuery Update module. Then extract/upload JQuery Update module to your sites/all/modules. Set the “Default jQuery Version” to 1.9 in current subtheme settings.(jQuery Version” 1.9 or above is supported for bootstrap subtheme). And now set “Alternate jQuery version” to 1.5 in current subtheme settings. (This prevents issues with AJAX heavy modules like Views)
  • Create the subtheme directory and copy files
    1. Create a folder for subtheme inside of sites/all/themes. For example, we will call subtheme sample_subtheme, so we should have an empty directory at sites/all/themes/sample_subtheme.
    2. Copy all the files to sites/all/themes/sample_subtheme from sites/all/themes/bootstrap/bootstrap_subtheme
  • Configure .info file for new subtheme sample_subtheme.
    1. Rename bootstrap_subtheme.info.starterkit to sample_subtheme.info. Remember to replace “sample_subtheme” with the name of new subtheme.
    2. Edit sample_subtheme.info with give it a unique name and description:
              name = Sample bootstrap subtheme
              description = A Bootstrap Sub-theme for project
              core = 7.x
              base theme = bootstrap
    3. Uncomment scripts files includes from sample_subtheme.info and include our new custom CSS and JS files for project into sample_subtheme.info

After the edit of sample_subtheme.info file add our custom CSS and JS folders in to the sample_subtheme folder. Then create a fresh bootstrap subtheme in your own way. Want to read more about Bootstrap, use this link. Do you want to theme you site, why are you waiting, get a quote now.


RELATED ARTICLE

/themes/custom/zyxpro_light/images/placeholder.png
close

on 01st January 2008 / by webmaster
We have added a few new modules to our site recently. Open Source Web Development Drupal Blogging Free Software Drupalgive Leave a reply Your email address will not be published. Required fields are marked * Sean (not verified) access_time 23 Oct 2019 - 13:12 Hi there, I uploaded the files, enabled the modules to use SU, and now I see the link, but there is no icon... How can I fix this? Thanks, Sean webmaster access_time 23 Oct 2019 - 13:12 In reply to Icon doesn't show by Sean (not verified) What do you see when you view the source? Search for stumblethis_button and you should be able to see the code for the image and the URL. Then you should be able to troubleshoot from there. Juicy Couture Addict (not verified) access_time 23 Oct 2019 - 13:12 thanks for the post. would love to hear more of you. by the way, drupal's really popular nowadays as it has easy and fast features. you agree with me? thanks. Add new comment
/themes/custom/zyxpro_light/images/placeholder.png
more_horiz
close

on 16th January 2008 / by webmaster
Most webmasters do not realize this, but a lot of the content on lot of websites can be accessed from multiple URLs. A simple example would be where www.example.com and example.com leads to the same page. This is a fatal mistake in Search Engine Optimization and search engines penalize you for duplicate content. The correct configuration would be where the above two urls will lead you to the same page but example.com will redirect you to www.example.com with a 301 (Moved permanently) status which will not result in search engines penalizing the page. It is very easy to configure 301 redirects using Apache .htaccess file and the process is the same for a Drupal installation also. Web Development Drupal SEO Drupal Planet Leave a reply Your email address will not be published. Required fields are marked * Anonymous (not verified) access_time 23 Oct 2019 - 13:12 Hello. I'm trying to make example.com show as www.example.com, and I'm running into difficulties. I'm on Apache 2.0 and using the following lines in my httpd.conf file: RewriteEngine on RewriteCond %{HTTP_HOST} ^xxxxxxxxxx\.com$ [NC] RewriteRule ^(.*)$ http://www.xxxxxxxxxx.com/$1 [L,R=301] When I go to http://xxxxxxxxxx.com, I get http://www.xxxxxxxxxx.com (as expected). However, when I go to http://xxxxxxxxxx.com/node/1 (it's a Drupal site), I get a 404 thrown and the URL changes to xxxxxxxxxx.com/var/www/drupal/node/1. Same thing with www.xxxxxxxxxx.com/node/1. Any suggestions? I want to run without Drupal's .htaccess file (instead incorporating these calls into my httpd.conf file). webmaster access_time 23 Oct 2019 - 13:12 In reply to Rewrite including filesystem path by Anonymous (not verified) I think the problem is with the base path which results in the redirection to /var/www/ part. The best approach I would think is to start with drupal htaccess and then strip out parts and move to httpd SNVC (not verified) access_time 23 Oct 2019 - 13:12 This is definitely a good guide. Thanks for this. wellyson access_time 23 Oct 2019 - 13:12 This is really nice and helpful. Add new comment
/themes/custom/zyxpro_light/images/placeholder.png
close

on 07th January 2008 / by webmaster
We have volunteered to take up the maintenance of a very useful Drupal module - Search404. As of today we are the official maintainers of this very useful Drupal module. We know that this is going to be a challenge for us, being a young company and with a young team. But we do feel that it is our responsibility to give back to the Drupal community at least some part of what it has given us. Open Source Web Development Drupal Leave a reply Your email address will not be published. Required fields are marked * ian douglas (not verified) access_time 23 Oct 2019 - 13:12 I notice your updates on the Drupal modules page has some patch files, but they are patches for an older version of the 5.x branch of search404. Do you have any expectation on when a version for Drupal 6 will be ready? webmaster access_time 23 Oct 2019 - 13:12 In reply to when will search404 for drupal 6 be ready? by ian douglas (not verified) Hi Ian, We are currently working on moving Search404 to Drupal 6. The port has already been done and we should have a release up on drupal.org by tomorrow or worst case by monday. Cheers Anoop John Team Zyxware Dejan (not verified) access_time 23 Oct 2019 - 13:12 In reply to when will search404 for drupal 6 be ready? by ian douglas (not verified) I think that's been up for a while... did you check the download page? Add new comment
Leave a reply
Your email address will not be published. Required fields are marked *

Filtered HTML

  • Web page addresses and email addresses turn into links automatically.
  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type='1 A I'> <li> <dl> <dt> <dd> <h2 id='jump-*'> <h3 id> <h4 id> <h5 id> <h6 id>
  • Lines and paragraphs break automatically.
The content of this field is kept private and will not be shown publicly.
CAPTCHA This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.