内嵌形式不工作
问题描述:
我想和一个直列自举4形式占据整个宽度(不输入和按钮之间的空间):内嵌形式不工作
- 1输入类型文本和按钮1在额外的小型设备
- 2输入型的文字和按钮1在小型设备
- 3输入类型文本和1层的按钮。在介质和较大的器件
但它不与下面的代码工作。我不知道是否因为窗体打开和关闭的地方。这里是例子: https://jsfiddle.net/o8jzq00f/1/
HTML:绑定你的专栏
<div class="container-fluid bg-success">
<div class="row no-gutters justify-content-center" style="background-color: orange">
<div class="col-xs-12">
<h1 class="m-3">Title</h1>
</div>
</div>
<div class="row no-gutters justify-content-center">
<form>
<div class="col-xs-10 col-sm-4 col-md-3">
<label class="sr-only" for="inlineFormInput">Name</label>
<input type="text" class="form-control" id="inlineFormInput" placeholder="Jane Doe">
</div>
<div class="col-sm-4 col-md-3 hidden-xs-up">
<label class="sr-only" for="inlineFormInput">Name</label>
<input type="text" class="form-control" id="inlineFormInput" placeholder="Jon Doe">
</div>
<div class="col-sm-4 col-md-3 hidden-md-up">
<label class="sr-only" for="inlineFormInput">Name</label>
<input type="text" class="form-control" id="inlineFormInput" placeholder="Jon Doe">
</div>
<div class="col-xs-2 col-sm-4 col-md-3">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
</div>
答
使用row
类,那么它会工作 <div class="row">...under this you can use col classes and specify the width ...</div>
+0
尝试在''''''''''''形式的'''标记之后使用行类,并且在行内您可以使用您的网格方法,但首先指定行并在其下执行所有的事情 –
我固定网格: https://jsfiddle.net/syedz/o8jzq00f/2/ – syedz