小编GEO*_*GEO的帖子

Input-group controls resize within nested rows in IE9 and Twitter Bootstrap 3

I've got a problem with this piece of code in IE9:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../assets/ico/favicon.png">
    <title>Bootstrap 3 IE 9 problem</title>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <input id="ti1" class="form-control input-sm" name="ti1" type="text" placeholder="From">
            </div>
            <div class="col-md-3">
                <input id="ti2" class="form-control input-sm" name="ti2" type="text" placeholder="To">
            </div>
            <div class="col-md-6">
                <div class="row">    
                    <div class="col-md-3">
                        <h5>Text column1</h5>
                    </div>
                    <div class="col-md-3">
                        <h5>Text column2</h5>
                    </div> …
Run Code Online (Sandbox Code Playgroud)

internet-explorer-9 twitter-bootstrap twitter-bootstrap-3

7
推荐指数
1
解决办法
3291
查看次数