为什么我的文本会使用bootstrap超出div?

时间:2015-07-06 07:47:31

标签: twitter-bootstrap

我正在摆弄Bootstrap,一切都很顺利。 但是当我创建一个div来放入文本时,文本会粘在div之外,使页面与字符串一样宽。是不是引导负责照顾这个?

以下是相关的HTML代码:

<div class="row top-buffer">
  <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col cell">
    <div class="col-xs-12 col-md-12 col-sm-12 col-lg12 inner">
      <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    </div>
  </div>
  <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col cell">
    <div class="col-xs-12 col-md-12 col-sm-12 col-lg12 inner">
      <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    </div>
  </div>
</div>

如果你想要一个例子,我所说的网站是www.itsthejackpot.net

4 个答案:

答案 0 :(得分:5)

使用 abc = new JTextField(" (Must be 6-15 characters)"); abc.setBounds(40,130,310,30); abc.setFont(new Font("Lucida Grande", Font.ITALIC, 14)); abc.setForeground(Color.gray); abc.addMouseListener(new MouseAdapter() { public void mouseClicked(MouseEvent e) { abc.setText(""); } }); mainPanel.add(abc);

答案 1 :(得分:4)

浏览器不执行自动连字。在文本中放入一些空格,它应该按预期工作。

答案 2 :(得分:4)

如果您希望浏览器自动中断文本,则应添加css word-wrap: break-word;属性。对于您周围的标记(在本例中为<p>标记)。

答案 3 :(得分:0)

为div添加自定义宽度,然后添加滚动条或隐藏文字(text-overflow:ellipsis)。