twitter bootstrap - Offset not working in bootstrap3 -
hi offset not working in bootstrap 4 following code..trying in both i.e , chorme ..please tell me if wrong in syntax
</head> <title>my angular app</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js"></script> <link rel="stylesheet" type="text/css" href="saple.css"> </head> body> <div class="container-fluid" > <h1 id="hello">aurora</h1> <div class="row"> <div class="col-xs-4 offset-xs-4 col-sm-4 offset-sm-4 col-md-4 offset-md-4 col-lg-4 offset-lg-4 col-xl-4 offset-xl-4" id="sub">menu</div> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">sub menu</div> </div> </div> </body>
- the correct syntax in bootstrap 3
.col-{size}-offset-{amount}
(e.g..col-sm-offset-3
). xl
doesn't exist in bootstrap 3. bootstrap 4 thing.
if you're using bootstrap 4, .offset-{size}-{amount}
correct syntax (meaning .offset-md-2
etc. valid classes).
make sure you're including correct version of bootstrap on page.
Comments
Post a Comment