HTTP/2 302 server: nginx date: Sun, 12 Oct 2025 03:44:05 GMT content-type: text/plain; charset=utf-8 content-length: 0 x-archive-redirect-reason: found capture at 20160224062541 location: https://web.archive.org/web/20160224062541/https://www.sitepoint.com/borders-on-bootstrap-columns/ server-timing: captures_list;dur=1.828201, exclusion.robots;dur=0.021528, exclusion.robots.policy;dur=0.008956, esindex;dur=0.009276, cdx.remote;dur=8.825172, LoadShardBlock;dur=242.662549, PetaboxLoader3.resolve;dur=77.076428, PetaboxLoader3.datanode;dur=55.922404 x-app-server: wwwb-app211 x-ts: 302 x-tr: 278 server-timing: TR;dur=0,Tw;dur=0,Tc;dur=0 set-cookie: wb-p-SERVER=wwwb-app211; path=/ x-location: All x-rl: 0 x-na: 0 x-page-cache: MISS server-timing: MISS x-nid: DigitalOcean referrer-policy: no-referrer-when-downgrade permissions-policy: interest-cohort=() HTTP/2 200 server: nginx date: Sun, 12 Oct 2025 03:44:07 GMT content-type: text/html; charset=UTF-8 x-archive-orig-date: Wed, 24 Feb 2016 06:25:41 GMT x-archive-orig-server: Apache/2.4.10 (Debian) x-archive-orig-vary: X-Forwarded-Proto,Accept-Encoding x-archive-orig-last-modified: Wed, 24 Feb 2016 06:02:40 GMT x-archive-orig-expires: Wed, 24 Feb 2016 07:02:40 GMT x-archive-orig-x-pingback: https://www.sitepoint.com/xmlrpc.php x-archive-orig-connection: close x-archive-guessed-content-type: text/html x-archive-guessed-charset: utf-8 memento-datetime: Wed, 24 Feb 2016 06:25:41 GMT link: ; rel="original", ; rel="timemap"; type="application/link-format", ; rel="timegate", ; rel="first memento"; datetime="Sat, 27 Jun 2015 22:12:21 GMT", ; rel="prev memento"; datetime="Thu, 14 Jan 2016 23:27:24 GMT", ; rel="memento"; datetime="Wed, 24 Feb 2016 06:25:41 GMT", ; rel="next memento"; datetime="Sun, 13 Mar 2016 07:05:49 GMT", ; rel="last memento"; datetime="Sat, 12 Oct 2024 09:08:55 GMT" content-security-policy: default-src 'self' 'unsafe-eval' 'unsafe-inline' data: blob: archive.org web.archive.org web-static.archive.org wayback-api.archive.org athena.archive.org analytics.archive.org pragma.archivelab.org wwwb-events.archive.org x-archive-src: alexa20160224-24/51_50_20160224062535_crawl302.arc.gz server-timing: captures_list;dur=0.623252, exclusion.robots;dur=0.025157, exclusion.robots.policy;dur=0.010654, esindex;dur=0.012085, cdx.remote;dur=34.227759, LoadShardBlock;dur=278.509356, PetaboxLoader3.datanode;dur=167.784870, PetaboxLoader3.resolve;dur=1070.811849, load_resource;dur=1140.603159 x-app-server: wwwb-app211 x-ts: 200 x-tr: 1561 server-timing: TR;dur=0,Tw;dur=0,Tc;dur=0 x-location: All x-rl: 0 x-na: 0 x-page-cache: MISS server-timing: MISS x-nid: DigitalOcean referrer-policy: no-referrer-when-downgrade permissions-policy: interest-cohort=() content-encoding: gzip

• HTML & CSS
• JS
• PHP
• Ruby
• Mobile
• Design & UX
• Entrepreneur
• Web
• WP
• Web Dev
  @ Microsoft

×AllAnimationAudio & VideoBootstrapCanvas & SVGCSSCSS ArchitectureFrameworksHTMLSassWeb Fonts

×AllAjaxAngularJSAPIsES6jQueryNode.jsnpmRaw JavaScriptReactTools & Libraries

×AllAPIsDatabaseDebugging & DeploymentDevelopment EnvironmentDrupalFrameworksLaravelPatterns & PracticesPerformance & ScalingSecurity

×AllBest PracticesGemsGetting StartedJRubyNews & OpinionRuby DeploymentRuby on RailsSecurity

×AllAndroidApp DevelopmentFirefox OSInternet of ThingsiOSMobile Web DevelopmentMobile UXResponsive Web DesignWearablesWindows Phone

×AllAccessibilityAnimationColorCopywritingHTML & CSSIllustrationLayoutLogo DesignMobile DesignPerformancePhotography & ImageryPhotoshopPrototypes & MockupsSketchTypographyUI DesignUX

×AllAgile DevelopmentBusinessSEO & SEMContent MarketingEmail MarketingEntrepreneurshipFinanceFreelancingLegalManagementMarketingRevenueSocial MediaStartups

×AllAPIsBrowsersCMSCommunityDockerNewsOperating SystemsPerformanceProgrammingSoftwareWeb Hosting & DomainsWeb Security

×AllPerformancePluginsSecurityThemesWP API

×AllBrowsersBusinessHTML & CSSJavaScriptMobilePHPProgrammingWebWordPressWeb Summit

Video: Borders on Bootstrap Columns

Russ Weakley

June 24, 2015

---

---

In this video I’ll show you how to add an equal height border to columns using Bootstrap.

Loading the player…

Tags: bootstrap, border, equal column height, video

Russ Weakley

Russ Weakley is a world-renowned author, speaker and CSS expert, with a detailed knowledge of web design and development. Russ chairs the Web Standards Group (WSG) and produced a series of widely acclaimed Learnable tutorials on CSS. He is currently touring a series of Responsive Web Design workshops around Australia.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

CountryAfghanistanAlbaniaAlgeriaAmerican SamoaAndorraAngolaAnguillaAntarcticaAntigua and BarbudaArgentinaArmeniaArubaAustraliaAustriaAzerbaijanBahamasBahrainBangladeshBarbadosBelarusBelgiumBelizeBeninBermudaBhutanBoliviaBosnia and HerzegowinaBotswanaBouvet IslandBrazilBritish Indian Ocean TerritoryBrunei DarussalamBulgariaBurkina FasoBurundiCambodiaCameroonCanadaCape VerdeCayman IslandsCentral African RepublicChadChileChinaChristmas IslandCocos (Keeling) IslandsColombiaComorosCongoCongo, the Democratic Republic of theCook IslandsCosta RicaCote d'IvoireCroatia (Hrvatska)CubaCyprusCzech RepublicDenmarkDjiboutiDominicaDominican RepublicEast TimorEcuadorEgyptEl SalvadorEquatorial GuineaEritreaEstoniaEthiopiaFalkland Islands (Malvinas)Faroe IslandsFijiFinlandFranceFrance MetropolitanFrench GuianaFrench PolynesiaFrench Southern TerritoriesGabonGambiaGeorgiaGermanyGhanaGibraltarGreeceGreenlandGrenadaGuadeloupeGuamGuatemalaGuineaGuinea-BissauGuyanaHaitiHeard and Mc Donald IslandsHoly See (Vatican City State)HondurasHong KongHungaryIcelandIndiaIndonesiaIran (Islamic Republic of)IraqIrelandIsraelItalyJamaicaJapanJordanKazakhstanKenyaKiribatiKorea, Democratic People's Republic ofKorea, Republic ofKuwaitKyrgyzstanLao, People's Democratic RepublicLatviaLebanonLesothoLiberiaLibyan Arab JamahiriyaLiechtensteinLithuaniaLuxembourgMacauMacedonia, The Former Yugoslav Republic ofMadagascarMalawiMalaysiaMaldivesMaliMaltaMarshall IslandsMartiniqueMauritaniaMauritiusMayotteMexicoMicronesia, Federated States ofMoldova, Republic ofMonacoMongoliaMontserratMoroccoMozambiqueMyanmarNamibiaNauruNepalNetherlandsNetherlands AntillesNew CaledoniaNew ZealandNicaraguaNigerNigeriaNiueNorfolk IslandNorthern Mariana IslandsNorwayOmanPakistanPalauPanamaPapua New GuineaParaguayPeruPhilippinesPitcairnPolandPortugalPuerto RicoQatarReunionRomaniaRussian FederationRwandaSaint Kitts and NevisSaint LuciaSaint Vincent and the GrenadinesSamoaSan MarinoSao Tome and PrincipeSaudi ArabiaSenegalSeychellesSierra LeoneSingaporeSlovakia (Slovak Republic)SloveniaSolomon IslandsSomaliaSouth AfricaSouth Georgia and the South Sandwich IslandsSpainSri LankaSt. HelenaSt. Pierre and MiquelonSudanSurinameSvalbard and Jan Mayen IslandsSwazilandSwedenSwitzerlandSyrian Arab RepublicTaiwan, Province of ChinaTajikistanTanzania, United Republic ofThailandTogoTokelauTongaTrinidad and TobagoTunisiaTurkeyTurkmenistanTurks and Caicos IslandsTuvaluUgandaUkraineUnited Arab EmiratesUnited KingdomUnited StatesUnited States Minor Outlying IslandsUruguayUzbekistanVanuatuVenezuelaVietnamVirgin Islands (British)Virgin Islands (U.S.)Wallis and Futuna IslandsWestern SaharaYemenYugoslaviaZambiaZimbabwe Email Me the Guide

---

• Elliot Birch

  Cool! Great video

• https://www.yantramstudio.com Yantram Studio

  3d walkthrough virtual animation tour, 3D Flythrough for all
  architectural industries across the globe.

  https://www.yantramstudio.com/3d-walkthrough-animation.html

• https://gravitypdf.com Jake Jackson

  A good solution to a common problem.

• https://rich.sturim.me/ rsturim

  Very clever. I’ve struggled with this problem in the past — thanks for sharing Russ!

• Johnny

  Wow … Great & clean solution. Thanks Russ. Grtz from Belgium !

Recommended for you

• Less: Beyond Basics with the Bootstrap Mixins Library
• Visual Studio Community 2015: Adding Email and Contact Pages
• Build a Node.js-powered Chatroom Web App: Chatroom UI with Bootstrap
• Visual Studio Community 2015: Setting Up a Site
• Bootstrap 4 Alpha: Super Smart Features to Win You Over

Special Offer

Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.

Get this deal

Next Article Less: Beyond Basics with the Bootstrap Mixins Library

Search for...