无法在此 .col-md-10 上放置 css 边框

Question

出于某种原因，我似乎无法在网页的这一部分周围设置边框。

.col-md-10 {
background-color: red;
border-radius: 25px;
border-color: gold;
border-width: 20px;

}

边框就是不显示。为什么？如果您需要，这是 HTML 文件的一部分。该网站不会让我 post 整个事情因为然后它说 "It looks like your post is mostly code; please add more details."

    <!DOCTYPE html>
<html lang ="en-us">
<head>
  <meta charset="UTF-8">
  <title>About Me</title>
  <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="christmas.css">

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <script src="https://cdn.jsdelivr.net/momentjs/2.12.0/moment.min.js"></script>

 <script src = "portfolio.js"></script>

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <style>

    @font-face {
    font-family: Kunstler Script;
    src: url(kunstler.ttf);
}

  #content {
    display: none;
  }

    #time {
      font-weight: bold;
    }

@media only screen and (max-width: 768px) {

  img{
    height: 150px;
  }


  /*Why isn't google developer tools responding to the change I made?*/
  /*Okay, evidently I've got a lot to learn about responsive design.*/
}
</style>

</head>

<body onload = "showStuff(), startSlideshow(), dateNTime(), holidayCheck(), bunnyHop()">


<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="index.html">Dennis Markham</a>
    </div>
    <ul class="nav navbar-nav">
      <li class = "active"><a href="index.html">About Me</a></li>
      <li><a href="portfolio.html">Portfolio</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
    <a class = "holiday" href = "#" style="float:right;" onclick = "holiday();">Turn on holiday mode?</a>
  </div>
</nav>

<div id = "content">

<div class ="row">
<div class = "col-md-1"></div>
<div class = "col-md-10">
<img id = "me" src = "images/me1.jpg" alt="my face"></img><h1>About Me</h1><p>Good <span id = "time">afternoon</span> 
  (yes, I know what time it is), sir or madam.  My name is Dennis Markham.  I am <span id = "age">28</span> years old, and a recent graduate of the University
  of Texas Austin Coding Bootcamp.  I also graduated with Certificate in Web Development from Norwalk Community College.  
  I recieved a Bachelor of Science Degree in Psychology from the <a href = "https://uconn.edu/">University of Connecticut</a>.  I am currently
  an instructor for <a href = "https://www.codingwithkids.com/#!/"> Coding With Kids</a>.
  I am looking for a job in web development, preferably front end.  I am particularly fluent in HTML, CSS, Javascript, and 
  JQuery, but also have experience in AngularJS, Node.js, Java, AJAX, SQL, PHP, ES5, ES6, Mongo, Mongoose, and React, as well as substantial 
  experience with softwares/websites such as Sublime, Netbeans, GitBash, GitHub, and SQL Workbench.</p> 
  <p>Signed,</p>
<span style = "font-family: French Script MT; font-size: 3em;">Dennis E. Markham</span> 
</div>
<div class = "col-md-1"></div>
</div>

Answer 1

编辑：缺少边框样式，要解决此问题，请使用：

.col-md-10 {
background-color: red;
border-radius: 25px;
border-color: gold;
border-width: 20px;
border-style: solid;
}

或

.col-md-10 {
 border: 20px solid gold;

无法在此 .col-md-10 上放置 css 边框

Can't put a css border on this .col-md-10

html

css

border

twitter-bootstrap