10x Developer
  • Introduction
  • HTML
    • HTML DOM Jquery
    • HTML: Form
    • CSS
    • CSS Layout
    • CSS Flexbox
    • CSS Grid
    • SASS/LESS
    • CSS/LESS/SASS Cookbook
    • Bootstrap
  • JavaScript
    • JavaScript
    • ES6
    • TypeScript
    • JavaScript Testing
    • JavaScript Event Loop
    • DOM
    • Web APIs
    • JSON
    • RegEx
    • Functional Programming
    • JavaScript Lib
    • CoffeeScript
    • CoffeeScript to ES6 cheatsheet
  • Angular.js
    • Angular
    • Angular Cookbook
    • Angular Mistakes I Made
    • Angular 1.x
  • React.js
    • React.js
  • Node
    • Node.js
    • CLI command line tool
    • Electron / Atom
    • NW.js (node-webkit)
  • Serverless
    • AWS Lambda
    • Google Cloud Function
    • Actions on Google / Google Assistant
  • Full Stack Development
    • HTTP
    • Meteor
    • MongoDB
    • Digital Ocean
    • UI
    • Sketch
    • Web Dev Resources
  • Lang
    • Ruby
  • Know Your Tools
    • Chrome DevTools
    • Editor: VS Code
    • Editor: Vim
    • Editor: Sublime
    • Editor: Atom
    • Windows
    • Git
    • Linux / Bash
    • Mac
  • Cheatsheets
Powered by GitBook
On this page
  1. HTML

Bootstrap

PreviousCSS/LESS/SASS CookbookNextJavaScript

Last updated 6 years ago

  • “Flatten” a List: ul.list-inline

  • lead class: <p class="lead">

  • img.img-responsive

is the BEST article telling you about bootstrap's container/row/columns:

  • don't nest container

  • always has columns inside row

  • columns should be direct child of row

  • columns can act as container

Fixed table width:

  • set table css

  • have td using col-md-x

How to use scrollspy?

This
https://github.com/twbs/bootstrap/issues/863
http://stackoverflow.com/questions/13134013/how-to-use-bootstrap-scroll-spy
http://stackoverflow.com/questions/14511045/twitter-bootstrap-scrollspy-not-working-at-all
http://stackoverflow.com/questions/12111004/how-to-activate-links-for-twitter-bootstrap-affix-component