javascript - bootstrap.css and IE11 issues -
i'm working on angularjs app using bootstrap.css. looks great in chrome formatting issues in both firefox , ie11.
head
<head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>application</title> <!-- bootstrap core css --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- custom css --> <link href="css/simple-sidebar.css" rel="stylesheet"> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.js" </script> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-route.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-resource.js"></script> <script src="js/dirpagination.js"></script> <script src="app/myappaccounts.js"></script> <base href="/"> </head> what looks like: 
tips on fixing this?
edit
as requested html buttons. these in partial.
<div class="col-md-2"> <input ng-model="datefrom" type="date" class="form-control"> </div> <div class="col-md-2"> <input ng-model="dateto" type="date" class="form-control"> </div> <div class="col-md-1"> <button class="form-control" type="button" ng-click="searchbydate(datefrom, dateto)" > search </button> </div> <div class="col-md-2"></div> <div class="col-md-3" > <input ng-model="orderid" class="form-control" type="text" placeholder="search order id"> </div> <div class="col-md-1"> <button class="form-control" type="button" ng-click="searchbyid()"> search </button> </div>
i've seen occur when trying use things within col-md-1 div. contents traditionally exceed width of container , such buttons correct size, text not truncated, , overflow shown.
i have modified little bit of html maybe work little better:
<div class="col-md-12 "> <div class="col-md-6 text-left"> <div class="col-md-4"> <input ng-model="datefrom" type="date" class="form-control" placeholder="start date"> </div> <div class="col-md-4"> <input ng-model="dateto" type="date" class="form-control" placeholder="end date"> </div> <div class="col-md-4"> <button class="form-control" type="button" ng-click="searchbydate(datefrom, dateto)" > search </button> </div> </div> <div class="col-md-6 text-right"> <div class="col-md-8" > <input ng-model="orderid" class="form-control" type="text" placeholder="search order id"> </div> <div class="col-md-4"> <button class="form-control" type="button" ng-click="searchbyid()"> search </button> </div> </div> </div>
Comments
Post a Comment