Official blog for Bootstrap.
Home Page: https://blog.getbootstrap.com
License: Other
All content within src/content/posts/ is copyright Bootstrap. Do not reuse any part without written permission.
Made by @mdo, built on Hugo, and hosted on GitHub Pages.
<3
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Current "Aww Yeah,..." link points to blog post made in last August, though there was another update on bootstrap-4 done in December.
Pure CSS which can have an SVG inlined if it's easier.
I don't think us removing it is a good move. We shouldn't "hide" the Twitter account.
I could make a solution like I did initially in #96
If you click on Docs menu item from https://blog.getbootstrap.com you get redirected to v4.6 docs.
I think it should point to v5.
There is a word wrap occurring in the navigation bar as shown in the image.
Hello
Do you want to convert your blog from jekyll to hugo?
Don't know exactly why but this video is not unavailable in my case 🤷
There is a problem in the feed author section.
https://blog.getbootstrap.com/feed.xml
<author>
<name>{"twitter"=>"getbootstrap"}</name>
</author>
Currently, we load vanilla-lazyload 8.x for browsers missing Intersection Observer support and the latest version for all others. Also, we auto-initialize vanilla-lazyload.
In order for us to use its use_native option, we need 2 instances of lazyload so that we add use_native: true only for the images (img.lazy) and not for the iframes.
Hello
May I know how you take pictures like https://blog.getbootstrap.com/assets/img/2021/08/bootstrap-hstack-vr.png It's very nice and small
I'm a new developer and I struggle with taking pictures
The blog template looks a bit too clean. Maybe we should theme it like our main site? This will make look everything more coherent.
Thoughts @mdo?
Could be handy to search for older posts.
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<style type="text/css">
<!--
body {
margin: 0; padding: 0; margin-bottom: 15px; margin-top: 8px;
background: #77b;
}
body, td {
font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#subTitle {
background: #000; color: #fff; padding: 4px; font-weight: bold;
}
#siteNavigation a, #siteNavigation .current {
font-weight: bold; color: #448;
}
#siteNavigation a:link { text-decoration: none; }
#siteNavigation a:visited { text-decoration: none; }
#siteNavigation .current { background-color: #ccd; }
#siteNavigation a:hover { text-decoration: none; background-color: #fff; color: #000; }
#siteNavigation a:active { text-decoration: none; background-color: #ccc; }
a:link { text-decoration: underline; color: #00f; }
a:visited { text-decoration: underline; color: #000; }
a:hover { text-decoration: underline; color: #c00; }
a:active { text-decoration: underline; }
#pageContent {
clear: both;
border-bottom: 6px solid #000;
padding: 10px; padding-top: 20px;
line-height: 1.65em;
background-image: url(backblue.gif);
background-repeat: no-repeat;
background-position: top right;
}
#pageContent, #siteNavigation {
background-color: #ccd;
}
.imgLeft { float: left; margin-right: 10px; margin-bottom: 10px; }
.imgRight { float: right; margin-left: 10px; margin-bottom: 10px; }
hr { height: 1px; color: #000; background-color: #000; margin-bottom: 15px; }
h1 { margin: 0; font-weight: bold; font-size: 2em; }
h2 { margin: 0; font-weight: bold; font-size: 1.6em; }
h3 { margin: 0; font-weight: bold; font-size: 1.3em; }
h4 { margin: 0; font-weight: bold; font-size: 1.18em; }
.blak { background-color: #000; }
.hide { display: none; }
.tableWidth { min-width: 400px; }
.tblRegular { border-collapse: collapse; }
.tblRegular td { padding: 6px; background-image: url(fade.gif); border: 2px solid #99c; }
.tblHeaderColor, .tblHeaderColor td { background: #99c; }
.tblNoBorder td { border: 0; }
// -->
</style>
| HTTrack Website Copier - Open Source offline browser |
| ||||||||||
See https://blog.getbootstrap.com/videos/
I'd throw a first warning here, for example.
Originally posted by @ffoodd in twbs/bootstrap#34529 (comment)
Hi Good Afternoon,
.row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
you this one is added in recent updations, because of this inline tag elements doesn't work properly like, button , please guide me how to get inline tag elements.
sincerly thanks
vardhan
Gfghiioo
In docs was removed the social buttons, maybe we can do it here too, what you think guys?
At the bottom of each post we sign our names. Let's update the URLs there and perhaps migrate this to the post template.
This would make testing PRs like #84 a lot easier.
At the moment while feed.xml is generated it's practically hidden.
Shadows are a great feature, and the choice of sizes are fine. But I think breakpoints are missing. While shadows look great on larger screens, the tend to have less use on smaller devices i.e. cell phones. Thus a shadows-none, shadows-none-sm, shadows-none-md, shadows-none-lg, shadows-none-xl and shadows-none-xxl would be fantastisk.
This broke somewhere along the way, possibly in 733bb89
Our own blog still uses v4 😄
The image on the Bootstrap Icons v1.2.0 announcement blogpost showing the new media icons has three duplicate icons which replace the icons that should be there:
The icons on the left-hand side of the red equals signs are the duplicates.
We should really switch the blog to Hugo after #115 is merged. Shouldn't be too hard, but we need a deployment plan which I guess it'll be GitHub Actions.
If anyone wants to start a branch, feel free to ping me to help out.
Can I translate blog into Russian? Do you need permission to do this?
Syntax highlighting isn't working, you can look on 3.1.0 post → Download section.
Pygments styles are missing.
the open collective link in the nav bar goes nowhere because it uses the site.opencollective var which is not defined
See screenshot
The header looks broken on mobile.
The Icon should be centered in my opinion.
Tested with Chrome on an Pixel 4 with Android 10.
Hi
The MIT link in the footer is broken (https://blog.getbootstrap.com/)
kramdown is the default since Jekyll v2.0.0.
The Bootstrap homepage seems to not use any CSS
I just took a look at the video section of the Bootstrap Blog. It seems like the youtube videos for the news articles are just
random songs that have nothing to do with Bootstrap. Is this intentional?
Screenshot:
Maybe use https://github.com/vb/lazyframe instead of reinventing the wheel
both downloaded zip fails and
link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"
integrity fail.
the dark mode in bootstrap vanishes when we go to a new window after clicking blog button in the navbar.
Windows
Chrome
v5.3
Hi,
while checking latest blog entries, I've realized the Twitter link in navbar doesn't point to exact getbootstrap username.
I can open PR and fix it by moving
Line 102 in 49929dd
to params.
Have a nice weekend
midzer
In http://blog.getbootstrap.com/2016/07/25/bootstrap-3-3-7-released/#bootstrap-cdn ,
the prose says:
update your CDN links to point to the v3.3.6 files:
Obviously the 6 should be a 7 instead.
@mdo Can you do the honors?
For the benefit of those who are reading the post in isolation and weren't following the RC posts.
TODO:
og:site_name=Bootstrap Blog?.active check; now it matches the paginated pages too - EDIT: I guess we can live with that?For later:
partialCached.lazy in all imagesimg-fluid class to images and remove custom CSS?in bootstrap-blog/_posts/2015-08-19-bootstrap-4-alpha.md the vid is not available in UK. Cheers!
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.