How do I fix this?

[Danielh90]

Hello I'm working with bootstrap and I have a message input in a panel. My issue is that when you resize the message input it expands out of the panel. How do I fix this?

[Marty88]

Can you post your HTML for that area please as well as any css applied to that area as well

[Marty88]

8 minutes ago, Danielh90 said:

Hello I'm working with bootstrap and I have a message input in a panel. My issue is that when you resize the message input it expands out of the panel. How do I fix this?

Also, have you set your message input max-width to 100%?

[Danielh90]

1 minute ago, Marty88 said:

Can you post your HTML for that area please as well as any css applied to that area as well

	<div class="col-md-3 push-left">
			<div class="panel panel-info">
			  <div class="panel-heading text-center">Post Frontend Notes</div>
			  <div class="panel-body">
			   <textarea class="form-control frontend_notes" rows="4" id="comment"></textarea>
			   <div class="space_2" style="margin: 10px"></div>
			   <button class="btn btn-large btn-primary">Post Notes</button>
			  </div>

all of the css is bootstrap 

[Marty88]

36 minutes ago, Danielh90 said:

	<div class="col-md-3 push-left">
			<div class="panel panel-info">
			  <div class="panel-heading text-center">Post Frontend Notes</div>
			  <div class="panel-body">
			   <textarea class="form-control frontend_notes" rows="4" id="comment"></textarea>
			   <div class="space_2" style="margin: 10px"></div>
			   <button class="btn btn-large btn-primary">Post Notes</button>
			  </div>

all of the css is bootstrap 

Try changing this

 <textarea class="form-control frontend_notes" rows="4" id="comment"></textarea>

To

 

<textare class="form-control frontend_notes" rows="4" id="comment" style="max-width : 100%"></textarea>

 

see if setting that styling works

[Marty88]

Also are you wanting the message box to be smaller width wise to the same as the panel or are you trying to make the panel wider?