求教关于 bootstrap 的几个问题

2017-01-20 20:47:35 +08:00
 fourstring
<div class="row">
    <div class="col-lg-12">
      <form>
        <div class="form-group">
          <label for="searchResult">查询结果</label>
          <textarea class="form-control" id="searchResult"></textarea>
        </div>
      </form>
    </div>
</div>

现在我想调节 textarea 的大小(默认效果如下图),如果直接更改width属性,就不能支持响应式,如果用默认值 100%,就会占满整个屏幕,有没有别的设计方法? 第二个问题,给contanier加上center-block类时,只能达到左右居中的效果。如果想上下居中,该如何处理?

感谢赐教!

1798 次点击
所在节点    前端开发
7 条回复
xiaopc
2017-01-20 21:07:09 +08:00
fourstring
2017-01-20 21:11:09 +08:00
@xiaopc 谢谢!
fourstring
2017-01-20 21:56:53 +08:00
@xiaopc 您指的是这一部分吗? http://v3.bootcss.com/css/#grid
我似乎没有找到我想要的内容……还请您赐教
xiaopc
2017-01-21 07:29:49 +08:00
@fourstring 啊 sorry 就是栅格这,好久没看忘了😅
fourstring
2017-01-21 15:40:30 +08:00
@xiaopc 似乎可以给文本框设置 width:200%,但是这样只能达到两倍宽度。用 height:200%没有效果。应该是 row 的高度限制了 textarea 的高度。有什么办法调整 row 的高度吗?
xiaopc
2017-01-21 18:26:20 +08:00
@fourstring textarea 外层的 form-group 没有具体的高度,对内部的 textarea 元素加百分比是没用的
fourstring
2017-01-21 19:24:04 +08:00
@xiaopc 我用 id 选择器生效了,应该是 row 类里设置了高度,然后层叠结果是 row 中的生效。用 id 选择器特殊性高,所以层叠取胜

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/335948

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX