How to Use Bootstrap in Weebly
It is quite difficult to use the whole Bootstrap resources as it is with Weebly. It may disturb the existing Weebly theme and results in breaking the website.
Now, using Bootstrap needs a some CSS knowledge and it is very easy to get particular element’s style and apply it on your website. Let us take an example of notification boxes. Bootstrap does offer lot of styling to create such boxes but you may just need to copy the following classes.
border: 1px solid transparent;
Paste the CSS code on the header section of your Weebly page or add it in the main stylesheet to be effective at website level. Drag and drop the “Embed Code” element and add the following HTML.
<div class=”alert alert-success”>This is a success box to display any success message to your users!!!
<div class=”alert alert-info”>This is a information box to display any information message to your users!!!
<div class=”alert alert-warning”>This is a warning box to display any warning message to your users!!!
<div class=”alert alert-danger”>This is a danger box to display any error message to your users!!!
It will look like below on your Weebly website
This is a success box to display any success message to your users!!!
This is a information box to display any information message to your users!!!
This is a warning box to display any warning message to your users!!!
This is a danger box to display any error message to your users!!!
If you liked this tutorial, then you may consider subscribing to our WeeblyTutorials YouTube Channel for Weebly video tutorials. You can also find us on Twitter and Facebook.