V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
fourstring
V2EX  ›  前端开发

求教关于 bootstrap 的几个问题

  •  
  •   fourstring · 2017-01-20 20:47:35 +08:00 · 1783 次点击
    这是一个创建于 2668 天前的主题,其中的信息可能已经有所发展或是发生改变。
    <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类时,只能达到左右居中的效果。如果想上下居中,该如何处理?

    感谢赐教!

    7 条回复    2017-01-21 19:24:04 +08:00
    xiaopc
        1
    xiaopc  
       2017-01-20 21:07:09 +08:00 via Android   ❤️ 1
    fourstring
        2
    fourstring  
    OP
       2017-01-20 21:11:09 +08:00
    @xiaopc 谢谢!
    fourstring
        3
    fourstring  
    OP
       2017-01-20 21:56:53 +08:00
    @xiaopc 您指的是这一部分吗? http://v3.bootcss.com/css/#grid
    我似乎没有找到我想要的内容……还请您赐教
    xiaopc
        4
    xiaopc  
       2017-01-21 07:29:49 +08:00 via Android
    @fourstring 啊 sorry 就是栅格这,好久没看忘了😅
    fourstring
        5
    fourstring  
    OP
       2017-01-21 15:40:30 +08:00
    @xiaopc 似乎可以给文本框设置 width:200%,但是这样只能达到两倍宽度。用 height:200%没有效果。应该是 row 的高度限制了 textarea 的高度。有什么办法调整 row 的高度吗?
    xiaopc
        6
    xiaopc  
       2017-01-21 18:26:20 +08:00   ❤️ 1
    @fourstring textarea 外层的 form-group 没有具体的高度,对内部的 textarea 元素加百分比是没用的
    fourstring
        7
    fourstring  
    OP
       2017-01-21 19:24:04 +08:00
    @xiaopc 我用 id 选择器生效了,应该是 row 类里设置了高度,然后层叠结果是 row 中的生效。用 id 选择器特殊性高,所以层叠取胜
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2842 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 15:13 · PVG 23:13 · LAX 08:13 · JFK 11:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.