• Avatar
  • Avatar
  • Avatar
  • Avatar
  • Avatar
  • +

56 comments

Leave a Reply

Your email address will not be published. Required fields are marked *

*

  1. Avatar
    Kolade Christopher Kayode

    Thanks for this Mr. Nick.
    I have a very direct question: does WordPress accept bootstrap templates? That is, In case i get a hosting account and decide to build with WordPress instead of uploading via FTP.

    Reply
    1. Avatar

      You can not upload Bootstrap templates to WordPress directly, no. However, there are a number of themes built on Bootstrap that you can use. They are very easy to find with a Google search or in the WordPress directory.

      Reply
  2. Avatar

    The colors for the submit button in the form get overridden by the original bootstrap-css. At least in my online version. Any idea why?

    Reply
    1. Avatar

      Is your CSS in the right order? Rules that appear further down the file override those further up. Have you tried adding !important to the CSS rule you want to prevail?

      Reply
  3. Avatar

    I am an Intermediate web-ster. I give flight instruction in West Virginia, but do educational missionary work in Papua New Guinea. I am in PNG right now. For a few months I have been trying to upgrade my EaglesWings.net website, in January 2020 started learning bootstrap, finally downloaded a couple themes from startbootstrap.com

    I just discovered your blog this morning, and especially the tutorial on designing a website using Bootstrap. This was the BEST step-by-step tutorial I have seen on this subject, maybe all web subject. Great job! Thank you!

    In the comments, or your replies, I read something that may have indicated that you can not use a Bootstrap-produced page in a web site that is not otherwise totally Bootstrap. Is that correct?

    I have been trying to use a template to add an “inner” page to my existed website, but even though I can get the text and pictures to load, I am losing the format. Ironically, I have not found much online to help with this problem.

    Any ideas? Thank so much, and keep up that good work.

    Reply
    1. Avatar

      Hey David, thanks for the kind words! It is true that you will have a hard time using a Bootstrap-built page in a website not running on Bootstrap. That’s because the HTML will have no CSS markup to correspond to unless you copy it over. That seems to be the problem in your case even though I can not see anything wrong in the page you posted. Did you resolve the issue yourself?

      Reply
  4. Avatar

    How do i change the background color of the nav on small screen after using the toggle button?

    Reply
    1. Avatar

      Generally, you can do conditional styling for smaller screens via media queries as shown in the article. Then, you can target the navigation menu via the .navbar-nav class. Be aware, however, that you likely have to change the layout slightly to make this work, such as removing the padding from the navbar itself and adding it in some other way in order to have a color divide between the navbar and the expanded menu. Hope this makes it clear!

      Reply
  5. Avatar

    I’ve got a bit confused and I’m not getting the result expected. Would it be possible to make available a download of the whole completed tutorial code (index.html; main.css and main.js)?
    This would enable students like me to trace where they’d gone wrong in following the tutorial.
    TIA, Ken

    Reply
  6. Avatar

    Would it be useful to use https://getbootstrap.com with a website that I have already built using
    wordpress with some elementor site builder? I also purchased stackpath cdn and pay monthly for it – but am looking for alternatives to speed up the site, which is already fast enough using cloudflare. I just see some competitors sites html and https://getbootstrap.com but I don’t write code much.

    Reply
    1. Avatar

      Hey Tev, if you already have a WordPress website built with Elementor, there is no real use or need for you to implement Bootstrap. There are WordPress themes built on Bootstrap, however, you can not mix and match the two systems. If your website is too slow, you can check our article on site speed: /how-to-speed-up-wordpress/

      Reply
  7. Avatar

    Hi Nick, I’m just starting with html, etc… awesome guide and so instructive! I’d like to ask you if you’ll recommend also the use of JQueryUI.

    Thanks!

    Reply
    1. Avatar

      Hey Enric, glad you found it useful. To be honest, I don’t have any experience with JQueryUI so I can not tell you one way or another. However, maybe someone else has an opinion on it?

      Reply
  8. Avatar

    Hey there! Is it possible to combine the remote files and downloaded files? Like I put in the remote code for jQuery but the downloaded code for bootstrap?

    Reply
  9. Avatar

    Hi,

    I should give one more update. None of the refresh functions work consistently. Perhaps with a server side refresh it might work. I don’t know if I am correct in assuming that the JQuery and JavaScript stay loaded for all of the pages, but simply calling a function at onLoad in the body tag and including setTimeout inside of that function to redirect to a duplicate page after two seconds (apparently enough time to be sure jQuery and all the rest have arrived) opens that duplicate page with the background image fully loaded. All of the subsequent pages load their background images properly as well although if you start on one of them, you might have the same problem. I hope I haven’t gone on too long here, but since this is such a valuable tutorial, I felt some obligation to return the favor by sharing this experience.

    Thanks again…

    Reply
  10. Avatar

    Hi,

    I guess I spoke too soon. The automatic reload function seemed to work there about fifteen times in a row, but then the initial page stopped fully loading again until refresh. I haven’t tried other browsers, but there doesn’t seem to be any reliable solution other than to include a specific reminder for the user to refresh the page. I have some notion that the JavaScript: JQuery, Bootstrap and then the local main.js just don’t all get going before the page finishes its initial load, but that they do seem to be available when you click on to the next page, which is formatted in the same way with the same navigation bar arrangement and so forth. I don’t have the faintest idea at the point what to do about it, and any suggestion would be welcome. The overall introduction to this type of Bootstrap-assisted page setup is still excellent – a quantum leap forward.

    Thanks again…

    Reply