• ベストアンサー

Bootstrap レスポンシブ textarea

Bootstrapで<textarea>だけ、レスポンシブできません(画面幅を変えても可変にならない) どう書けば良いのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

>No.1補足 では親要素の幅を可変にしてみてください。

re999
質問者

お礼

回答ありがとうございましたー

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

回答No.1

どう言う意味のつもりでレスポンシブという言葉を使われてるのかわかりませんが、 たとえば、 画面幅(親要素)と同じ幅にしたいのであれば、スタイルシートでwidth:100%としてください。 たぶんBootstrapは関係ないと思います。

re999
質問者

補足

回答ありがとうございます。 やりたいことは、アクセスしてきた画面幅に応じて、textareaの横幅を、親要素と同じ幅にしたいです。 width:100%とすると、画面幅変更に連動して、textareaの横幅は変わりません(自分の環境ではですが…)

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • レスポンシブのサイトにbootstrapは使うか?

    主にレスポンシブのためにbootstrapを使うと思いますが、こだわりだすと普通のcssよりも融通がきかないです。 レスポンシブ部分を自分で作るのは難しいでしょうか? スマホとpcで分けたいのですが、境界線をどこに設定すればいいですか?。

    • ベストアンサー
    • CSS
  • 大手サイトがレスポンシブに対応していない

    大手企業のサイトほどレスポンシブがちゃんとしてないのはなんででしょうかね? 画面幅を狭くするとレイアウトが崩れてしまいます 大手サイトがこうなるのはちょっとどうなんだろう…って思ってしまいます

    • ベストアンサー
    • HTML
  • bootstrap 一部

    bootstrapの一部(less file)をサイトで利用するにはどうすれば良いでしょうか? http://bootstrap.lesscss.ru/download.html bootstrapからファイルをダウンロードしまさいた。 bootstrapというフォルダに、css、jsフォルダ、configというファイルが存在しています。 これらの使い方が分からない初心者です。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • レスポンシブWEBデザインについて

    positionを使用したコンテンツのレスポンシブ対応化について教えていただきたいです。 particles.jsというJavascriptプラグインをメインビジュアルの背景に設置しました。 このメインビジュ アルを可変にしたいのですが、どうしても縦幅が上手くいきません。 URLを乗せますので、どうかご教授お願いいたします。 http://muko.hiho.jp/position/

    • ベストアンサー
    • CSS
  • bootstrapについて

    bootstrapのデモを見ると、フワッと写真や文字が浮かび上がる演出を、私のHPもに取り入れたい思っていますが、Bbootstrapの設定方法が分かりません。 どなたか、ご存知でしたらご教授をお願いします。

  • レスポンシブ対応のサイト制作について

    レスポンシブ対応サイト制作中の者です。制作自体は以前から行っていますので、それ自体に疑問はないのですが、たまにPCでウィンドウ幅を変更してもスマホ画面や、タブレット画面にならないサイトを見かけます。これはどのように実現させているのでしょうか?その場合、chromeの要素検証でスマホ画面環境を作ってやると、きちんとスマホ対応画面になるのですが。 よろしくご回答お願いいたします。

    • ベストアンサー
    • CSS
  • ブートストラップ回路について教えてください。

    ブートストラップ回路について教えてください。 そもそもブートストラップの定義って何なんでしょうか? 専門書を見ているとモータのドライブ回路の上段にコンデンサとダイオードをつけてドライブ能力を向上させる等の説明が書かれているのですが… また、初心者でもわかるようなサイトがあったら教えてください。

  • レスポンシブのデザインについて

    ポスポンシブのデザインを設計する際はどのように書いていますか? iPhone5系などの320×568を基準に作っていますか? それともシェアが多い375×667を基準ですか? デザイナーからspのフレームワークをもらったのですが、基準が750pxになっており、750pxではパーフェクストピクセルで表示できるのですが、320×568ではやはりレイアウトが崩れてしまいます。 なぜかというとそもそもボックスがwidth:600pxとなっていてiPhone系ではレイアウトが崩れます。 今回はpcとタブレット兼スマホでブレイクポイントを作っていますので、この場合では750pxではなく画面サイズが小さいスマホ(320px)を基準に作るべきではないのですか? 320px基準であれば750pxに画面幅が広がっても拡大されるだけなのでレイアウトは崩れないと思うのですが、、、 レスポンシブを初めて作るので勝手がわからず、意味不明な質問かもしれませんが、回答よろしくお願いします。

    • 締切済み
    • CSS
  • TEXTAREAの印刷について

    HTMLでの質問なのですが、TEXTAREAタグを用意し、画面表示させて TEXTAREAに長い文字を入力するとTEXTAREAにスクロールが出ると思います。 その時に、スクロールで表示されていない部分が、印刷されなくて 困っております。 TEXTAREAのデータ全てを印刷時に表示する方法はありますでしょうか? ブラウザは、FireFox3.6.2で表示しております。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • textarea内を書き換えたいんです。

    textarea内のvalueを書き換えたいんですが、下記のような形だとだめなんでしょうか。 <textarea name="text_name[0]"></textarea> <textarea name="text_name[1]"></textarea> <textarea name="text_name[2]"></textarea> document.enq_form.text_name[1].value = "テキスト"; 現状では、text_name[1]がundefinedになってしまいます。 ご教授お願いいたします。