opa textarea width

Question

私は、テキストエリアを表示するためにブートストラップとopaを使用しています。すべての画面幅にテキストエリアを張ることはできません。

私は、次の簡単なコードを使用しています：

textarea 
{ 
    border:1px solid #999999; 
    width:10%; 
    margin:5px 0; 
    padding:3px; 
} 

しかし、それはどちらか動作しません。私はまた、次のCSSを使用しようと

import stdlib.themes.bootstrap; 
import stdlib.widgets.bootstrap; 

WB = WBootstrap; 

textInput = <textarea style="width=30%" rows=30> This is a text area </textarea> 
text2Input = <textarea style="width=100%" rows=1> another textarea </textarea> 


content = WB.Grid.row([{span:4, offset:none, content: text2Input}]) <+> 
WB.Grid.row([{span:16, offset:none, content: textInput}]) 



Server.start(
    Server.http, 
    [ 
    {page: function() {content}, title: "test" } 
    ] 
) 

を。

WBoostrapがすべての変更を無効にしているようです。 "width：100％"スタイルは、opaによって生成されたxhtmlには表示されません。

これを行う正しい方法は何ですか？

おかげ

Answer 1

はまあ、あなたのコード内の複数の問題があります。

• まず、タイプミスがあります：それはstyle="width:100%"

• 第二にある、Twitterのブートストラップ2.0は現在、12個の列幅でありますしたがって、span16には意味がありません。と書くことができます（http://bootstrap.opalang.orgを見た場合、それはBSのために書かれたので16までとなります） = 1.4

• 第3に、あなたはどこにCSSを書いたのですか？もしそれがOpa（css = ...）に直接あれば、それは実際にブートストラップCSSによって上書きされます（Opa CSSは他のリソースの前に含まれているので）、おそらく外部CSSを含める必要がありますhttps://github.com/Aqua-Ye/OpaChat）

• 最後に、WBootstrap.Gridは実際に100％幅の要素を作成するようには見えません。