I've been attempting to create a jumbotron bootstrap element that spans the full width of the page. I've tried using both col-xs-12 and the w-100 classes, but it doesn't seem to have any effect.
Could someone provide guidance on how to adjust the width and height of the jumbotron element?
CSS
<style>
.form-group {margin-top:1px}
.jumbotron { color: #ec971f;width: 100%; margin-buttom:1px;max-resolution: res;rginbuttom:0px;}
.jumbotron p {color:blue;}
.jumbotron { .navbar-brand{font-weight: bold;font-family: Verdana;font-size:12px }
</style>
HTML
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script
</head>
<body>
<div class="container" style= "margin-top:52px;" >
<div class="jumbotron well col-xs-12 w-100">
<center> <h4 style="font-weight:bold">Sales</h4> </center>
</div>
</div>
</body>
</html>