While working on a Bootstrap navigation inside a container, I encountered an issue where the navigation bar was not expanding to match the width of the container. It seemed like the padding had to be manually adjusted to fit properly.
Below is the code snippet:
<!DOCTYPE html>
<html lang="cs">
<head>
<title>xGhost.cz | Československý Gamehosting.</title>
<!-- meta data -->
...
</body>
</html>
The CSS styling for the navbar and content sections is as follows:
.navbar {
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.content, .login {
background: #f0f0f0;
}
For a visual representation, check out this preview: https://jsfiddle.net/Ld9f5a0e/