Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 为什么可以';我不能让我的输入文本更宽吗?_Css_Angularjs_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

Css 为什么可以';我不能让我的输入文本更宽吗?

Css 为什么可以';我不能让我的输入文本更宽吗?,css,angularjs,twitter-bootstrap,twitter-bootstrap-3,Css,Angularjs,Twitter Bootstrap,Twitter Bootstrap 3,我一直在努力解决我认为应该很简单的问题,但我没有取得任何进展 我有以下html: <form class="form-horizontal" role="form"> <fieldset class="fieldset-class"> <legend class="legend-class">Filter Risks</legend> <div class="form-group

我一直在努力解决我认为应该很简单的问题,但我没有取得任何进展

我有以下html:

<form class="form-horizontal" role="form">
        <fieldset class="fieldset-class">
            <legend class="legend-class">Filter Risks</legend>
            <div class="form-group" style="border: solid 2px red;">
                <label for="insuredFilter" class="control-label col-xs-2">Insured</label>
                <div class="col-xs-10" style="border: solid 2px blue;">
                    <input id="insuredFilter" type="text" class="form-control" style="width: 100%;" ng-model="vm.insured" typeahead="insured as insured.InsuredName for insured in vm.getFilteredInsureds($viewValue)" typeahead-editable="false" />
                </div>
            </div>
            <div class="form-group">
                <label for="yearOfAccountFilter" class="control-label col-xs-2">Year of Account</label>
                <div class="col-xs-2">
                    <select id="yearOfAccountFilter" class="form-control widthauto-class" ng-model="vm.yearOfAccount" ng-options="option.YearOfAccountText for option in vm.yearsOfAccount track by option.YearOfAccountID"></select>
                </div>
                <label for="riskReferenceFilter" class="control-label col-xs-2">Risk Reference</label>
                <div class="col-xs-2">
                    <input id="riskReferenceFilter" type="text" class="form-control" ng-model="vm.riskFilteredByRiskReference" typeahead="risk as risk.RiskReference for risk in vm.getFilteredRisksByRiskReference($viewValue)" typeahead-editable="false" />
                </div>
            </div>
            <div>
                <button class="btn pull-right fieldset-button-class" ng-click="vm.clearFilter()">Clear</button>
                <button class="btn btn-primary btn-default pull-right fieldset-button-class" ng-click="vm.filterRisks()">Filter</button>
            </div>
        </fieldset>
    </form>

过滤风险
确保
会计年度
风险参考
清楚的
滤器
使用Bootstrap 3,这看起来像:

注意:我添加了红色和蓝色边框,因此很容易看到输入框不接近于填充container div

无论我怎么做,我都无法让被保险人的意见更广泛

我使用了网格系统,并给出了container div 10列,我想这已经足够了

我认为这可能是一个与angular typeahead指令有关的问题,但去掉它后,宽度问题仍然存在

如果社区能提供任何帮助,我将不胜感激。我承认自己是CSS新手,所以如果我做了什么蠢事,请向我指出

非常感谢,

灰烬


p、 我应该指出的是,我一直使用Internet Explorer 11(公司标准),我无法将Compatibility View与我的角度代码配合使用。

为了指出明显的问题,请在您选择的浏览器中尝试F12工具,查看计算出的css,它会告诉您宽度的来源与您的代码没有任何错误。。我尝试了你的代码,我得到了100%的宽度正确地添加了你的代码在小提琴。很好用:很有趣。知道我为什么不能让它工作吗?Internet Explorer?为了指出明显的问题,请在您选择的浏览器中尝试F12工具,查看计算的css,它会告诉您宽度是从哪里来的,您的代码没有任何错误。。我尝试了你的代码,我得到了100%的宽度正确地添加了你的代码在小提琴。很好用:很有趣。知道我为什么不能让它工作吗?Internet Explorer?