Remove the right border from an element in Bootstrap

BootstrapWeb DevelopmentCSS Framework

Remove the right border from an element; use the border-right-0 class.

To remove the border −

<div class="mystyle border border-right-0">
  Rectangle is not having the right border.

You can try to run the following code to implement the border-right-0 class −


Live Demo

<!DOCTYPE html>
<html lang="en">
    <title>Bootstrap Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="">
    <script src=""></script>
    <script src=""></script>
    .mystyle {
      width: 350px;
      height: 170px;
      margin: 10px;
    <div class="container">
      <h2>Heading Two</h2>
      <div class="mystyle border border-right-0">Rectangle is not having the right border.</div>
Updated on 17-Jun-2020 14:46:16