Bootstrap 4 如果我想两边都填好,我该怎么解决?bootstrap4模态&x2B;网格(50:50)
我在引导模式中应用了网格,但它没有在50:50分割Bootstrap 4 如果我想两边都填好,我该怎么解决?bootstrap4模态&x2B;网格(50:50),bootstrap-4,django-templates,Bootstrap 4,Django Templates,我在引导模式中应用了网格,但它没有在50:50分割 双方都应该填写 但是 用col除法错了吗? 还是卡有问题 如果我想两边都填好,我该怎么解决 我应该另外应用css吗? 还是有别的办法 我希望里面的内容几乎都是满的 如果你知道一个好方法,请让我知道 多谢各位 感谢您让我了解css技术、jquery技术或html属性值或bootstrap的其他网格系统,使内容在modal中充满 代码: 할일 상세사항 todo:{{object.title}} &时代; {{object.
- 双方都应该填写
- 用col除法错了吗?
- 还是卡有问题
- 如果我想两边都填好,我该怎么解决
- 我应该另外应用css吗?
- 还是有别的办法
할일 상세사항
todo:{{object.title}}
&时代;
{{object.get_markdown_content|safe}
{%csrf_令牌%}
{{comment_form | safe}}
提交(夏季注意事项)
{{form.media}
{%csrf_令牌%}
{{comment_form_text_area|crispy}}
提交
{{form.media}
编码过程
{注释列表中的注释为%u my.all%}
{%if comment.user_type==1%}
{%if comment.author==request.user%}
步骤{{forloop.counter}
작성자 : {{comment.author}
标题
{{comment.title}
{%else%}
步骤{{forloop.counter}
작성자 : {{comment.author}
标题
{{comment.title}
{%endif%}
文件名
{{comment.file_name}
代码
{%if comment.type.type_name==“summer_note”%}
{{comment.text | safe}}
{{comment.text}
{%else%}
{{comment.text}
复制
{%endif%}
<div class="modal-dialog modal-xl">
<div class="modal-content">
<h2 style="background-color:#00BFFF; padding:10px">할일 상세사항</h2>
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title"> todo : {{ object.title }}</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
{{ object.get_markdown_content | safe }}
<div class="container">
<div class="row">
<div class="col">
<!-- insert form area -->
<div class="card border-info mb-3" style="width:100%">
<div class="card-header" style="background-color:orange; color:white">
<a class="btn btn-outline-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
summer_note
</a>
<a class="btn btn-outline-primary" data-toggle="collapse" href="#collapseExample2" role="button" aria-expanded="false" aria-controls="collapseExample">
text_area
</a>
</div>
<div class="card-body">
<div class="comment_insert_area" style="background-color:white">
<div class="collapse" id="collapseExample">
<div class="card card-body">
<form method="post" action="{{object.get_absolute_url}}new_comment/summer_note" id="comment_form_summer_note" class="hi">
{% csrf_token %}
<div class="form-group">
{{ comment_form | safe }}
</div>
<hr>
<button type="submit" class="btn btn-primary btn-block" style="margin-right:20px;">Submit(summer_note)</button>
<br>
</form>
{{ form.media }}
</div>
</div>
<div class="collapse" id="collapseExample2">
<div class="card card-body">
<form method="post" action="{{object.get_absolute_url}}new_comment/text_area" id="comment_form_text_area" class="hi">
{% csrf_token %}
<div class="form-group">
{{ comment_form_text_area | crispy }}
</div>
<button type="submit" class="btn btn-primary float-right btn-block" style="margin-right:20px;">Submit</button>
<br>
</form>
{{ form.media }}
</div>
</div>
</div>
</div>
</div>
<!-- insert form area end -->
</div>
<div class="col">
<!-- CodeProcess area -->
<div class="card border-danger mb-3" style="max-width: 80rem;">
<div class="card-header" style="background-color:black; color:white">
<h4>Code Process</h4>
</div>
<div class="card-body">
{% for comment in comments_list_my.all %}
{% if comment.user_type == 1 %} <!-- 댓글 단 사람이 나일 경우 참고 -->
<table class="table table-bordered" id="comment_table_{{comment.id}}">
{% if comment.author == request.user %}
<tr bgcolor="#BFEFF2">
<td>
Step{{ forloop.counter }}
</td>
<td colspan="2">작성자 : <p style="color:blue;">{{comment.author}}</p></td>
</tr>
<tr>
<td bgcolor="#BFEFF2">Title</td>
<td colspan="3" bgcolor="#BFEFF2">
<span id="todo_comment_title_output_{{comment.id}}">
{{comment.title}}
</span>
<input type="text" class="form-control" name="" value="{{comment.title}}" id="todo_comment_title_{{comment.id}}" hidden>
</td>
</tr>
{% else %}
<tr bgcolor="#FFEC77">
<td>
Step{{ forloop.counter }}
</td>
<td colspan="2">작성자 : <p style="color:black;">{{comment.author}}</p></td>
</tr>
<tr bgcolor="#FFEC77">
<td >title</td>
<td colspan="3" >
<span id="todo_comment_title_output_{{comment.id}}">
{{comment.title}}
</span>
<input type="text" class="form-control" name="" value="{{comment.title}}" id="todo_comment_title_{{comment.id}}" hidden>
</td>
</tr>
{% endif %}
<tr>
<td>file_name</td>
<td colspan="3">
<span id="todo_comment_filename_output_{{comment.id}}">
{{comment.file_name}}
</span>
<input type="text" class="form-control" name="" value="{{comment.file_name}}" id="todo_comment_file_name_{{comment.id}}" hidden>
</td>
</tr>
<td>code</td>
<td colspan="3">
{% if comment.type.type_name == "summer_note" %}
<!-- summernote일 경우 -->
<span id="todo_comment_text_output_{{comment.id}}">
{{ comment.text | safe }}
</span>
<textarea name="name" rows="10" cols="110" id="my_code_{{comment.id}}" class="summer_for_comment_update_copy_{{comment.id}}" hidden>{{comment.text}}</textarea>
{% else %}
<!-- textarea일 경우 -->
<textarea name="name" rows="10" cols="110" id="{{comment.id}}" class="textarea_for_comment_update_{{comment.id}} form-control">{{comment.text}}</textarea>
<button type="button" name="button" id="{{comment.id}}" class="btn btn-sm btn-outline-danger copy_code">copy</button>
{% endif %}
</td>
</tr>
<tr>
<td></td>
<td colspan="2">
<button type="button" class="btn btn-sm btn-outline-primary" onclick=location.href='{{comment.id}}/update' id={{comment.id}}>update</button>
<!-- <button type="button" class="btn btn-sm btn-outline-primary updateTodoCommentButton" id={{comment.id}}>update2</button> -->
{% if comment.author == request.user %}
{% if comment.type.type_name == "summer_note" %}
<button class="btn btn-sm btn-outline-primary float-right comment_delete_button" id="{{comment.pk}}">delete</button>
<button class="btn btn-sm btn-outline-primary float-right comment_edit_complete_button_{{comment.pk}} comment_edit_complete_button_for_summernote" id="{{comment.pk}}" hidden>업데이트 완료(summernote)</button>
<button class="btn btn-sm btn-outline-primary float-right comment_edit_form_button comment_edit_form_button_{{comment.pk}}" id="{{comment.pk}}">edit_mode</button>
{% else %}
<button class="btn btn-sm btn-outline-primary float-right comment_delete_button" id="{{comment.pk}}">delete</button>
<button class="btn btn-sm btn-outline-primary float-right comment_edit_complete_button_{{comment.pk}} comment_edit_complete_button_for_text_area" id="{{comment.pk}}" >업데이트 textarea</button>
{% endif %}
{% endif %}
</td>
</tr>
<tr>
<td colspan="3" border="0"></td>
</tr>
</table>
<br>
{% else %}
{% endif %}
{% endfor %}
<div class="reply_list"></div>
</div>
</div>
<!-- CodeProcess area end -->
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>