Skip to content

Instantly share code, notes, and snippets.

@Blumed
Created April 24, 2018 19:24
Show Gist options
  • Save Blumed/98bb4e70645b301606b7f1951741a0ad to your computer and use it in GitHub Desktop.
Save Blumed/98bb4e70645b301606b7f1951741a0ad to your computer and use it in GitHub Desktop.
Quickly print bootstrap 3 common grid numbers to terminal by running this script
#!/bin/bash
echo "
$(tput bold)$(tput smul)Bootstrap $(tput setaf 6)V3.3.7$(tput sgr0)
$(tput setaf 7)$(tput bold)Grid$(tput sgr0)
$(tput setaf 7)\$$(tput setaf 5)screen-xs-min $(tput setaf 7)= $(tput setaf 6)0
$(tput setaf 7)\$$(tput setaf 5)screen-xs-max $(tput setaf 7)= $(tput setaf 6)767px
$(tput setaf 7)\$$(tput setaf 5)screen-sm-min $(tput setaf 7)= $(tput setaf 6)768px
$(tput setaf 7)\$$(tput setaf 5)screen-sm-max $(tput setaf 7)= $(tput setaf 6)991px
$(tput setaf 7)\$$(tput setaf 5)screen-md-min $(tput setaf 7)= $(tput setaf 6)992px
$(tput setaf 7)\$$(tput setaf 5)screen-md-max $(tput setaf 7)= $(tput setaf 6)1199px
$(tput setaf 7)\$$(tput setaf 5)screen-lg-min $(tput setaf 7)= $(tput setaf 6)1200px
$(tput setaf 7)$(tput bold)Containers$(tput sgr0)
$(tput setaf 7)\$$(tput setaf 5)screen-sm-min $(tput setaf 7)= $(tput setaf 5)720px + 30px $(tput setaf 7)= $(tput setaf 6)750px
$(tput setaf 7)\$$(tput setaf 5)screen-md-min $(tput setaf 7)= $(tput setaf 5)940px + 30px $(tput setaf 7)= $(tput setaf 6)970px
$(tput setaf 7)\$$(tput setaf 5)screen-lg-min $(tput setaf 7)= $(tput setaf 5)1140px + 30px $(tput setaf 7)= $(tput setaf 6)1170px
"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment