Docs: From Twitter to X

README.md

@@ -174,7 +174,7 @@ Editor preferences are available in the [editor config](https://github.com/twbs/
 
 Get updates on Bootstrap's development and chat with the project maintainers and community members.
 
-- Follow [@getbootstrap on Twitter](https://twitter.com/getbootstrap).
+- Follow [@getbootstrap on X](https://x.com/getbootstrap).
 - Read and subscribe to [The Official Bootstrap Blog](https://blog.getbootstrap.com/).
 - Ask questions and explore [our GitHub Discussions](https://github.com/twbs/bootstrap/discussions).
 - Discuss, ask questions, and more on [the community Discord](https://discord.gg/bZUvakRU3M) or [Bootstrap subreddit](https://www.reddit.com/r/bootstrap/).
@@ -194,12 +194,12 @@ See [the Releases section of our GitHub project](https://github.com/twbs/bootstr
 
 **Mark Otto**
 
-- <https://twitter.com/mdo>
+- <https://x.com/mdo>
 - <https://github.com/mdo>
 
 **Jacob Thornton**
 
-- <https://twitter.com/fat>
+- <https://x.com/fat>
 - <https://github.com/fat>
 
 

hugo.yml

@@ -63,7 +63,7 @@ params:
   rfs_version:          "v10.0.0"
   github_org:           "https://github.com/twbs"
   repo:                 "https://github.com/twbs/bootstrap"
-  twitter:              "getbootstrap"
+  x:                    "getbootstrap"
   opencollective:       "https://opencollective.com/bootstrap"
   blog:                 "https://blog.getbootstrap.com/"
   themes:               "https://themes.getbootstrap.com/"

js/tests/unit/popover.spec.js

@@ -58,7 +58,7 @@ describe('Popover', () => {
   describe('show', () => {
     it('should show a popover', () => {
       return new Promise(resolve => {
-        fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://twitter.com/getbootstrap">BS twitter</a>'
+        fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://x.com/getbootstrap">BS X</a>'
 
         const popoverEl = fixtureEl.querySelector('a')
         const popover = new Popover(popoverEl)
@@ -74,7 +74,7 @@ describe('Popover', () => {
 
     it('should set title and content from functions', () => {
       return new Promise(resolve => {
-        fixtureEl.innerHTML = '<a href="#">BS twitter</a>'
+        fixtureEl.innerHTML = '<a href="#">BS X</a>'
 
         const popoverEl = fixtureEl.querySelector('a')
         const popover = new Popover(popoverEl, {
@@ -97,7 +97,7 @@ describe('Popover', () => {
 
     it('should call content and title functions with trigger element', () => {
       return new Promise(resolve => {
-        fixtureEl.innerHTML = '<a href="#" data-foo="bar">BS twitter</a>'
+        fixtureEl.innerHTML = '<a href="#" data-foo="bar">BS X</a>'
 
         const popoverEl = fixtureEl.querySelector('a')
         const popover = new Popover(popoverEl, {
@@ -124,7 +124,7 @@ describe('Popover', () => {
 
     it('should call content and title functions with correct this value', () => {
       return new Promise(resolve => {
-        fixtureEl.innerHTML = '<a href="#" data-foo="bar">BS twitter</a>'
+        fixtureEl.innerHTML = '<a href="#" data-foo="bar">BS X</a>'
 
         const popoverEl = fixtureEl.querySelector('a')
         const popover = new Popover(popoverEl, {
@@ -227,7 +227,7 @@ describe('Popover', () => {
     })
 
     it('"setContent" should keep the initial template', () => {
-      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://twitter.com/getbootstrap" data-bs-custom-class="custom-class">BS twitter</a>'
+      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://x.com/getbootstrap" data-bs-custom-class="custom-class">BS X</a>'
 
       const popoverEl = fixtureEl.querySelector('a')
       const popover = new Popover(popoverEl)
@@ -244,7 +244,7 @@ describe('Popover', () => {
 
     it('should call setContent once', () => {
       return new Promise(resolve => {
-        fixtureEl.innerHTML = '<a href="#">BS twitter</a>'
+        fixtureEl.innerHTML = '<a href="#">BS X</a>'
 
         const popoverEl = fixtureEl.querySelector('a')
         const popover = new Popover(popoverEl, {
@@ -278,7 +278,7 @@ describe('Popover', () => {
 
     it('should show a popover with provided custom class', () => {
       return new Promise(resolve => {
-        fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://twitter.com/getbootstrap" data-bs-custom-class="custom-class">BS twitter</a>'
+        fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://x.com/getbootstrap" data-bs-custom-class="custom-class">BS X</a>'
 
         const popoverEl = fixtureEl.querySelector('a')
         const popover = new Popover(popoverEl)
@@ -298,7 +298,7 @@ describe('Popover', () => {
   describe('hide', () => {
     it('should hide a popover', () => {
       return new Promise(resolve => {
-        fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://twitter.com/getbootstrap">BS twitter</a>'
+        fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://x.com/getbootstrap">BS X</a>'
 
         const popoverEl = fixtureEl.querySelector('a')
         const popover = new Popover(popoverEl)
@@ -319,7 +319,7 @@ describe('Popover', () => {
 
   describe('jQueryInterface', () => {
     it('should create a popover', () => {
-      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://twitter.com/getbootstrap">BS twitter</a>'
+      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://x.com/getbootstrap">BS X</a>'
 
       const popoverEl = fixtureEl.querySelector('a')
 
@@ -332,7 +332,7 @@ describe('Popover', () => {
     })
 
     it('should create a popover with a config object', () => {
-      fixtureEl.innerHTML = '<a href="#" title="Popover">BS twitter</a>'
+      fixtureEl.innerHTML = '<a href="#" title="Popover">BS X</a>'
 
       const popoverEl = fixtureEl.querySelector('a')
 
@@ -347,7 +347,7 @@ describe('Popover', () => {
     })
 
     it('should not re create a popover', () => {
-      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://twitter.com/getbootstrap">BS twitter</a>'
+      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://x.com/getbootstrap">BS X</a>'
 
       const popoverEl = fixtureEl.querySelector('a')
       const popover = new Popover(popoverEl)
@@ -361,7 +361,7 @@ describe('Popover', () => {
     })
 
     it('should throw error on undefined method', () => {
-      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://twitter.com/getbootstrap">BS twitter</a>'
+      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://x.com/getbootstrap">BS X</a>'
 
       const popoverEl = fixtureEl.querySelector('a')
       const action = 'undefinedMethod'
@@ -375,7 +375,7 @@ describe('Popover', () => {
     })
 
     it('should should call show method', () => {
-      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://twitter.com/getbootstrap">BS twitter</a>'
+      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://x.com/getbootstrap">BS X</a>'
 
       const popoverEl = fixtureEl.querySelector('a')
       const popover = new Popover(popoverEl)
@@ -393,7 +393,7 @@ describe('Popover', () => {
 
   describe('getInstance', () => {
     it('should return popover instance', () => {
-      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://twitter.com/getbootstrap">BS twitter</a>'
+      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://x.com/getbootstrap">BS X</a>'
 
       const popoverEl = fixtureEl.querySelector('a')
       const popover = new Popover(popoverEl)
@@ -403,7 +403,7 @@ describe('Popover', () => {
     })
 
     it('should return null when there is no popover instance', () => {
-      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://twitter.com/getbootstrap">BS twitter</a>'
+      fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://x.com/getbootstrap">BS X</a>'
 
       const popoverEl = fixtureEl.querySelector('a')
 

js/tests/visual/tooltip.html

@@ -20,7 +20,7 @@
     <div class="container">
       <h1>Tooltip <small>Bootstrap Visual Test</small></h1>
 
-      <p class="text-body-secondary">Tight pants next level keffiyeh <a href="#" data-bs-toggle="tooltip" title="Default tooltip">you probably</a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel <a href="#" data-bs-toggle="tooltip" title="Another tooltip">have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan <a href="#" data-bs-toggle="tooltip" title="Another one here too">whatever keytar</a>, scenester farm-to-table banksy Austin <a href="#" data-bs-toggle="tooltip" title="The last tip!">twitter handle</a> freegan cred raw denim single-origin coffee viral.</p>
+      <p class="text-body-secondary">Tight pants next level keffiyeh <a href="#" data-bs-toggle="tooltip" title="Default tooltip">you probably</a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel <a href="#" data-bs-toggle="tooltip" title="Another tooltip">have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan <a href="#" data-bs-toggle="tooltip" title="Another one here too">whatever keytar</a>, scenester farm-to-table banksy Austin <a href="#" data-bs-toggle="tooltip" title="The last tip!">X handle</a> freegan cred raw denim single-origin coffee viral.</p>
 
       <hr>
 

site/content/docs/5.3/about/overview.md

@@ -16,9 +16,9 @@ Bootstrap is maintained by a [small team of developers](https://github.com/orgs/
 
 Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.
 
-Bootstrap was created at Twitter in mid-2010 by [@mdo](https://twitter.com/mdo) and [@fat](https://twitter.com/fat). Prior to being an open-sourced framework, Bootstrap was known as _Twitter Blueprint_. A few months into development, Twitter held its [first Hack Week](https://blog.twitter.com/engineering/en_us/a/2010/hack-week) and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.
+Bootstrap was created at Twitter in mid-2010 by [@mdo](https://x.com/mdo) and [@fat](https://x.com/fat). Prior to being an open-sourced framework, Bootstrap was known as _Twitter Blueprint_. A few months into development, Twitter held its [first Hack Week](https://blog.x.com/engineering/en_us/a/2010/hack-week) and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.
 
-Originally [released](https://blog.twitter.com/developer/en_us/a/2011/bootstrap-twitter) on <time datetime="2011-08-19 11:25">Friday, August 19, 2011</time>, we've since had over [twenty releases]({{< param repo >}}/releases), including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.
+Originally [released](https://blog.x.com/developer/en_us/a/2011/bootstrap-twitter) on <time datetime="2011-08-19 11:25">Friday, August 19, 2011</time>, we've since had over [twenty releases]({{< param repo >}}/releases), including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.
 
 With Bootstrap 4, we once again rewrote the project to account for two key architectural changes: a migration to Sass and the move to CSS's flexbox. Our intention is to help in a small way to move the web development community forward by pushing for newer CSS properties, fewer dependencies, and new technologies across more modern browsers.
 

site/content/docs/5.3/content/tables.md

@@ -142,7 +142,7 @@ Highlight a table row or cell by adding a `.table-active` class.
       <tr>
         <th scope="row">3</th>
         <td colspan="2" class="table-active">Larry the Bird</td>
-        <td>@twitter</td>
+        <td>@x</td>
       </tr>
     </tbody>
   </table>
@@ -163,7 +163,7 @@ Highlight a table row or cell by adding a `.table-active` class.
     <tr>
       <th scope="row">3</th>
       <td colspan="2" class="table-active">Larry the Bird</td>
-      <td>@twitter</td>
+      <td>@x</td>
     </tr>
   </tbody>
 </table>
@@ -195,7 +195,7 @@ Highlight a table row or cell by adding a `.table-active` class.
       <tr>
         <th scope="row">3</th>
         <td colspan="2" class="table-active">Larry the Bird</td>
-        <td>@twitter</td>
+        <td>@x</td>
       </tr>
     </tbody>
   </table>
@@ -216,7 +216,7 @@ Highlight a table row or cell by adding a `.table-active` class.
     <tr>
       <th scope="row">3</th>
       <td colspan="2" class="table-active">Larry the Bird</td>
-      <td>@twitter</td>
+      <td>@x</td>
     </tr>
   </tbody>
 </table>
@@ -294,7 +294,7 @@ Add a thicker border, darker between table groups—`<thead>`, `<tbody>`, and `<
     <tr>
       <th scope="row">3</th>
       <td colspan="2">Larry the Bird</td>
-      <td>@twitter</td>
+      <td>@x</td>
     </tr>
   </tbody>
 </table>
@@ -420,7 +420,7 @@ Border styles, active styles, and table variants are not inherited by nested tab
       <th scope="row">3</th>
       <td>Larry</td>
       <td>the Bird</td>
-      <td>@twitter</td>
+      <td>@x</td>
     </tr>
   </tbody>
 </table>
@@ -484,7 +484,7 @@ Similar to tables and dark tables, use the modifier classes `.table-light` or `.
       <th scope="row">3</th>
       <td>Larry</td>
       <td>the Bird</td>
-      <td>@twitter</td>
+      <td>@x</td>
     </tr>
   </tbody>
 </table>
@@ -528,7 +528,7 @@ Similar to tables and dark tables, use the modifier classes `.table-light` or `.
       <th scope="row">3</th>
       <td>Larry</td>
       <td>the Bird</td>
-      <td>@twitter</td>
+      <td>@x</td>
     </tr>
   </tbody>
 </table>
@@ -574,7 +574,7 @@ Similar to tables and dark tables, use the modifier classes `.table-light` or `.
       <th scope="row">3</th>
       <td>Larry</td>
       <td>the Bird</td>
-      <td>@twitter</td>
+      <td>@x</td>
     </tr>
   </tbody>
   <tfoot>
@@ -655,7 +655,7 @@ You can also put the `<caption>` on the top of the table with `.caption-top`.
       <th scope="row">3</th>
       <td>Larry</td>
       <td>the Bird</td>
-      <td>@twitter</td>
+      <td>@x</td>
     </tr>
   </tbody>
 </table>

site/content/docs/5.3/examples/album/index.html

@@ -14,7 +14,7 @@ <h4>About</h4>
         <div class="col-sm-4 offset-md-1 py-4">
           <h4>Contact</h4>
           <ul class="list-unstyled">
-            <li><a href="#" class="text-white">Follow on Twitter</a></li>
+            <li><a href="#" class="text-white">Follow on X</a></li>
             <li><a href="#" class="text-white">Like on Facebook</a></li>
             <li><a href="#" class="text-white">Email me</a></li>
           </ul>

site/content/docs/5.3/examples/blog-rtl/index.html

@@ -239,7 +239,7 @@ <h4 class="fst-italic">الأرشيف</h4>
           <h4 class="fst-italic">في مكان آخر</h4>
           <ol class="list-unstyled">
             <li><a href="#">GitHub</a></li>
-            <li><a href="#">Twitter</a></li>
+            <li><a href="#">X</a></li>
             <li><a href="#">Facebook</a></li>
           </ol>
         </div>
@@ -250,7 +250,7 @@ <h4 class="fst-italic">في مكان آخر</h4>
 </main>
 
 <footer class="py-5 text-center text-body-secondary bg-body-tertiary">
-  <p>تم تصميم نموذج المدونة لـ <a href="https://getbootstrap.com/">Bootstrap</a> بواسطة <a href="https://twitter.com/mdo"><bdi lang="en" dir="ltr">@mdo</bdi></a>.</p>
+  <p>تم تصميم نموذج المدونة لـ <a href="https://getbootstrap.com/">Bootstrap</a> بواسطة <a href="https://x.com/mdo"><bdi lang="en" dir="ltr">@mdo</bdi></a>.</p>
   <p class="mb-0">
     <a href="#">عد إلى الأعلى</a>
   </p>

site/content/docs/5.3/examples/blog/index.html

@@ -291,7 +291,7 @@ <h4 class="fst-italic">Archives</h4>
           <h4 class="fst-italic">Elsewhere</h4>
           <ol class="list-unstyled">
             <li><a href="#">GitHub</a></li>
-            <li><a href="#">Twitter</a></li>
+            <li><a href="#">X</a></li>
             <li><a href="#">Facebook</a></li>
           </ol>
         </div>
@@ -302,7 +302,7 @@ <h4 class="fst-italic">Elsewhere</h4>
 </main>
 
 <footer class="py-5 text-center text-body-secondary bg-body-tertiary">
-  <p>Blog template built for <a href="https://getbootstrap.com/">Bootstrap</a> by <a href="https://twitter.com/mdo">@mdo</a>.</p>
+  <p>Blog template built for <a href="https://getbootstrap.com/">Bootstrap</a> by <a href="https://x.com/mdo">@mdo</a>.</p>
   <p class="mb-0">
     <a href="#">Back to top</a>
   </p>

site/content/docs/5.3/examples/cheatsheet-rtl/index.html

@@ -203,7 +203,7 @@ <h3>الجداول</h3>
           <tr>
             <th scope="row">3</th>
             <td colspan="2">Larry the Bird</td>
-            <td><bdo lang="en" dir="ltr">@twitter</bdo></td>
+            <td><bdo lang="en" dir="ltr">@x</bdo></td>
           </tr>
           </tbody>
         </table>
@@ -235,7 +235,7 @@ <h3>الجداول</h3>
           <tr>
             <th scope="row">3</th>
             <td colspan="2">Larry the Bird</td>
-            <td><bdo lang="en" dir="ltr">@twitter</bdo></td>
+            <td><bdo lang="en" dir="ltr">@x</bdo></td>
           </tr>
           </tbody>
         </table>
@@ -295,7 +295,7 @@ <h3>الجداول</h3>
           <tr>
             <th scope="row">3</th>
             <td colspan="2">Larry the Bird</td>
-            <td><bdo lang="en" dir="ltr">@twitter</bdo></td>
+            <td><bdo lang="en" dir="ltr">@x</bdo></td>
           </tr>
           </tbody>
         </table>

site/content/docs/5.3/examples/cheatsheet/index.html

@@ -202,7 +202,7 @@ <h3>Tables</h3>
           <tr>
             <th scope="row">3</th>
             <td colspan="2">Larry the Bird</td>
-            <td>@twitter</td>
+            <td>@x</td>
           </tr>
           </tbody>
         </table>
@@ -234,7 +234,7 @@ <h3>Tables</h3>
           <tr>
             <th scope="row">3</th>
             <td colspan="2">Larry the Bird</td>
-            <td>@twitter</td>
+            <td>@x</td>
           </tr>
           </tbody>
         </table>
@@ -294,7 +294,7 @@ <h3>Tables</h3>
           <tr>
             <th scope="row">3</th>
             <td colspan="2">Larry the Bird</td>
-            <td>@twitter</td>
+            <td>@x</td>
           </tr>
           </tbody>
         </table>

site/content/docs/5.3/examples/cover/index.html

@@ -28,6 +28,6 @@ <h1>Cover your page.</h1>
   </main>
 
   <footer class="mt-auto text-white-50">
-    <p>Cover template for <a href="https://getbootstrap.com/" class="text-white">Bootstrap</a>, by <a href="https://twitter.com/mdo" class="text-white">@mdo</a>.</p>
+    <p>Cover template for <a href="https://getbootstrap.com/" class="text-white">Bootstrap</a>, by <a href="https://x.com/mdo" class="text-white">@mdo</a>.</p>
   </footer>
 </div>