Skip to content

Commit 8b24ae8

Browse files
committed
new bootstrap resources and description section
1 parent dad0b61 commit 8b24ae8

1 file changed

Lines changed: 24 additions & 2 deletions

File tree

‎content/pages/04-web-development/21-bootstrap.markdown‎

Lines changed: 24 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,14 +14,35 @@ is especially useful as a base layer of
1414
[CSS](/cascading-style-sheets.html) to build sites with
1515
[responsive web design](/responsive-design.html).
1616

17-
<a href="http://getbootstrap.com/" style="border: none;"><img src="/img/logos/bootstrap.png" width="100%" alt="Bootstrap logo." class="technical-diagram" style="border-radius:5px"></a>
17+
<a href="http://getbootstrap.com/"><img src="/img/logos/bootstrap.png" width="100%" alt="Bootstrap logo." class="shot rnd outl"></a>
1818

1919

20+
## Should I use Bootstrap 3 or 4?
21+
[Bootstrap 3](http://getbootstrap.com/docs/3.3/) was out for almost five
22+
years before
23+
[Bootstrap 4](http://blog.getbootstrap.com/2018/01/18/bootstrap-4/) was
24+
finally released at the start of 2018. When learning Bootstrap you will
25+
likely come across many tutorials that cover Bootstrap 3 but not version 4.
26+
27+
If you are completely new to Bootstrap and CSS frameworks in general then
28+
I recommend learning Bootstrap 4. If you have already been working with
29+
Bootstrap 3 then there is no major rush to upgrade to the latest version.
30+
Bootstrap 4 is more complicated than version 3 because it has a lot more
31+
features so the learning curve is a bit steeper.
32+
33+
[Full Stack Python](https://www.fullstackpython.com/) is actually built
34+
with an early version of Bootstrap 3. However, this site is so heavily
35+
customized with my own CSS that I likely will never upgrade to Bootstrap 4
36+
because there are no new features that I feel will be useful in my
37+
specific situation.
38+
2039

2140
### Bootstrap resources
2241
* [Getting Started with Bootstrap](https://realpython.com/blog/python/getting-started-with-bootstrap-3/)
2342
provides a walkthrough of a sample starter template so you can understand
24-
the [CSS](/cascading-style-sheets.html) classes that Bootstrap uses.
43+
the [CSS](/cascading-style-sheets.html) classes that Bootstrap uses. There
44+
is also a follow up post that shows how to
45+
[create an effective sales page with Bootstrap 3](https://realpython.com/an-effective-sales-page-with-bootstrap-3/).
2546

2647
* [What is Bootstrap and how do I use it?](https://www.taniarascia.com/what-is-bootstrap-and-how-do-i-use-it/)
2748
is an awesome tutorial that goes through many of the main Bootstrap
@@ -34,3 +55,4 @@ is especially useful as a base layer of
3455
* [Tabler](https://github.com/tabler/tabler) is a free, open source admin
3556
theme for Bootstrap 4. You can also check out a
3657
[demo of the theme](https://tabler.github.io/tabler/).
58+

0 commit comments

Comments
 (0)