2017-01-21 9 views
-2

私は、このようなHTMLがあります。ブートストラップの行の高さを設定する方法は?

<div class="row"> 
 
    <div class="col-xs-12"> 
 
    <form> 
 
     <div class="form-group"> 
 
     <label for="vipResult">Result</label> 
 
     <textarea class="form-control result" id="vipResult"></textarea> 
 
     </div> 
 
    </form> 
 
    </div> 
 
</div>

をし、このように表示されます。今、私はテキストエリアの高さを変更したい

result

。私はそれのためにheight: 200%を設定しようとしましたが、それは動作しません。私は行の高さを変更する必要があります、どうすればいいですか?

+1

Imageではなく、ここにコードを記入してください。 – abpatil

+0

あなたのCSSコードも提供してください。 – neophyte

+0

これはBootstrapの行とは関係がないようです。テキストエリアの高さを設定することです。 – ZimSystem

答えて

0

//行の使用の高さを変更するには

textarea{height:200px;} 
0

#textareaheight{ 
 
    \t \t height:200px; 
 
    \t }
<form> 
 
    \t \t <textarea type="text" name="text" class="form-control" id="textareaheight"></textarea> 
 
    \t </form>

あなたは高さのために、このコードを試すことができます。あなたがそれらを個別にスタイルを各彼らのためにあなたのコードの使用個別のIDで複数のtextarea要素を持っている場合は

ここでは、IDタグ

<head> 
<style> 
    #textareaheight{ 
     height:200px; 
    } 
    </style> 
</head> 
<body> 
<br><br><br> 
    <div class="col-md-4 col-md-offset-4"> 
    <form> 
     <textarea type="text" name="text" class="form-control" id="textareaheight"></textarea> 
    </form> 
    </div> 
0

height:200pxを使用することができます。 か、この

<textarea style= "height:200px;"></textarea> 

このようにそれを使用することができますがhtml要素をスタイリングする別の方法です。 これが役立つことを願っています。

関連する問題