Question

感谢您查看我的问题！

我在bootstrap中尝试做的是添加一个textarea，其中包含文本编辑器按钮..“bold”，“italic”和“attachment”它应该是这样的：

Mockup

但我有这个：

My Results so far

我遇到的主要问题是：

Hot to Prevent textarea中的文本不在编辑器按钮下
我需要在按钮中覆盖什么才能获得所需的效果

顺便说一下，我正在使用一个名为remark的bootstrap模板/主题，我正在使用他们的一个编辑器元素：

getbootstrapadmin.com/remark/base/forms/editor-markdown.html

模板/ 11989202

我到目前为止的HTML：

<div>

     <div class="md-header btn-toolbar btn-toolbar-btm">
       <div class="btn-group">

       <button class="btn-default btn-sm btn btn-pure" type="button" title="Bold" tabindex="-1" data-provider="bootstrap-markdown" 
       data-handler="bootstrap-markdown-cmdBold" data-hotkey="Ctrl+B"><span class="fa fa-bold">
       </span> </button>

       <button class="btn-default btn-sm btn btn-pure" type="button" title="Italic"
       tabindex="-1" data-provider="bootstrap-markdown" data-handler="bootstrap-markdown-cmdItalic" 
       data-hotkey="Ctrl+I"><span class="fa fa-italic"></span> </button>

       <button class="btn-default btn-sm btn btn-pure" type="button" title="Heading" tabindex="-1">
       <span class="icon wb-attach-file"></span> </button>
       </div>
      </div>

      <textarea class="form-control" rows="8" placeholder="Type something here..."></textarea>
   </div>

CSS：

 .btn-toolbar-btm{
  position:absolute;
  top:212px;
  margin-left:8px;
  z-index:3;
    }

如果你能以任何方式帮助我，我将非常感激你，你真的会保住我的工作：/

Answer 1

试试这段代码

<div class="form-group required-field-block">       
        <div class="col-md-12 input-group">
            <span class="input-group-addon"><span class="glyphicon glyphicon-pencil"></span></span>
            <textarea rows="3" size="30" value="" class="form-control" placeholder="Sporočilo"></textarea>  
                <div class="required-icon">
                    <div class="text">*</div>
                </div>
        </div>
    </div>

如何在bootstrap中向textarea添加按钮？

1 个答案: